/*===========================
1. COMMON css 
===========================*/
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap");
body {
font-family: "Poppins";
font-weight: normal;
font-style: normal;
color: #505056;
overflow-x: hidden;
}

* {
margin: 0;
padding: 0;
box-sizing: border-box;
scroll-behavior: smooth;
}

img {
max-width: 100%;
}

a:focus,
input:focus,
textarea:focus,
button:focus {
text-decoration: none;
outline: none;
}

a:focus,
a:hover {
text-decoration: none;
}

i,
span,
a {
display: inline-block;
transition: all linear 0.3s;
}

h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Poppins";
font-weight: 900;
color: #241A10;
margin: 0px;
}

h1 {
font-size: 48px;
}

h2 {
font-size: 36px;
}

h3 {
font-size: 28px;
}

h4 {
font-size: 22px;
}

h5 {
font-size: 18px;
}

h6 {
font-size: 16px;
}

ul, ol {
margin: 0px;
padding: 0px;
list-style-type: none;
}

p {
font-size: 18px;
font-weight: 400;
line-height: 30px;
color: #241A10;
margin: 20px 0px;
}

.bg_cover {
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
width: 100%;
height: 100%;
}

.slick-slide {
color: #419be0;
background: white;
margin: 10px;
padding: 20px;
border-radius: 6px;
border: 0.5px solid #B6BCCD
}

.text-para {
font-size: 14px;
line-height: 26px;
padding-bottom: 20px;
}
/*===== All Button Style =====*/
.main-btn {
display: inline-block;
font-weight: 500;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid #FD8300;
padding: 0 30px;
font-size: 15px;
line-height: 45px;
border-radius: 6px;
color: #fff;
cursor: pointer;
z-index: 5;
transition: all 0.4s ease-out 0s;
background-color: #FD8300;
}
.main-btn:hover {
background-color: #fff;
color: #FD8300;
border-color: #FD8300;
}
.main-btn i {
margin-left: 10px;
}
.main-btn.main-btn-2 {
background-color: #fff;
color: #FD8300;
border-color: #FD8300;
}
.main-btn.main-btn-2:hover {
background-color: #FD8300;
border-color: #FD8300;
color: #fff;
}
.main-btn.main-btn-3 {
font-size: 18px;
line-height: 58px;
fill: #fff;
color: #fff;
background-color: #FF4245;
border-color: #FF4245;
border-radius: 6px 6px 6px 6px;
padding: 0 30px 0 30px;
}
.main-btn.main-btn-3:hover {
background-color: #fff;
border-color: #fff;
color: #0e1133;
}
.main-btn.main-btn-3.btn-outlined {
background-color: transparent;
color: #fff;
border-color: #fff;
}
.main-btn.main-btn-3.btn-outlined:hover {
background-color: #FF4245;
border-color: #FF4245;
color: #fff;
}

.technofin-section-title {
padding: 25px 0px 25px 0px;
}
.technofin-section-title .technofin-title {
font-size: 44px;
line-height: 54px;
font-weight: 600;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.technofin-section-title .technofin-title {
font-size: 36px;
line-height: 46px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-section-title .technofin-title {
font-size: 36px;
line-height: 46px;
}
}
@media (max-width: 767px) {
.technofin-section-title .technofin-title {
font-size: 26px;
line-height: 36px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.technofin-section-title .technofin-title {
font-size: 36px;
line-height: 46px;
}
}
.technofin-section-title p {
font-size: 18px;
line-height: 30px;
margin:20px 0px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.technofin-section-title p {
font-size: 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-section-title p {
font-size: 15px;
}
}
@media (max-width: 767px) {
.technofin-section-title p {
font-size: 15px;
margin: 10px 0px;
}
}
.technofin-section-title .main-btn {
border-radius: 30px;
border: 2px solid #e7eaef;
background: #fff;
color: #0e1133;
}
.technofin-section-title .main-btn:hover {
background: #fd8300;
color: #fff;
border-color: #fd8300;
}
.technofin-section-title.technofin-section-title-2 .technofin-title {
color: #fff;
}
.technofin-section-title.technofin-section-title-2 p {
color: #fff;
}

.back-to-top {
position: fixed;
right: 30px;
bottom: 30px;
z-index: 999;
display: none;
}
.back-to-top a {
height: 40px;
width: 40px;
text-align: center;
line-height: 40px;
background: #FD8300;
border-radius: 6px;
color: #fff;
}
.back-to-top.back-to-top-2 a {
background: #fd8300;
}
.back-to-top.back-to-top-3 a {
background: #ff6b58;
}
.back-to-top.back-to-top-6 a {
background: #9b2cfa;
}
.back-to-top.back-to-top-5 a {
background: #801f82;
}
.back-to-top.back-to-top-8 a {
background: #FD8300;
}

.off_canvars_overlay {
width: 100%;
height: 100%;
position: fixed;
z-index: 9998;
opacity: 0;
visibility: hidden;
cursor: crosshair;
background: #232323;
top: 0;
transition: all linear 0.3s;
}
.off_canvars_overlay.active {
opacity: 0.5;
visibility: visible;
}

.offcanvas_menu {
display: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.offcanvas_menu {
display: block;
}
}
@media (max-width: 767px) {
.offcanvas_menu {
display: block;
}
}

.offcanvas_menu_wrapper {
width: 290px;
position: fixed;
background: #fff;
z-index: 9999;
top: 0;
height: 100%;
transition: 0.5s;
left: 0;
margin-left: -300px;
padding: 50px 15px 30px;
overflow-y: visible;
}
.offcanvas_menu_wrapper.active {
margin-left: 0;
}
.offcanvas_menu_wrapper .slinky-theme-default {
background: inherit;
min-height: 300px;
overflow-y: auto;
}
.offcanvas_menu_wrapper .header-btn {
margin-bottom: 30px;
}
.offcanvas_menu_wrapper .header-btn a {
color: #222;
}
.offcanvas_menu_wrapper .header-btn a:hover {
color: #222;
}

.offcanvas_main_menu li {
position: relative;
}
.offcanvas_main_menu li:last-child {
margin: 0;
}
.offcanvas_main_menu li span.menu-expand {
position: absolute;
right: 0;
}
.offcanvas_main_menu li a {
font-size: 15px;
font-weight: 500;
text-transform: capitalize;
display: block;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #ededed;
color: #241A10 !important;
transition: all 0.3s ease-out 0s;
}
.offcanvas_main_menu li a:hover {
color: #FD8300;
}
.offcanvas_main_menu li ul.sub-menu {
padding-left: 20px;
}

.offcanvas_footer {
padding-bottom: 50px;
text-align: center;
}
.offcanvas_footer span a {
font-size: 14px;
color: #222;
transition: all 0.3s ease-out 0s;
}
.offcanvas_footer span a:hover {
color: #FD8300;
}

.offcanvas_menu_wrapper.active .canvas_close {
opacity: 1;
visibility: visible;
}

.canvas_close {
position: absolute;
top: 0px;
right: 0px;
opacity: 0;
visibility: hidden;
transition: all linear 0.3s;
}
.canvas_close a {
font-size: 18px;
text-transform: uppercase;
font-weight: 500;
width: 40px;
height: 40px;
display: block;
text-align: center;
line-height: 40px;
border: 1px solid #FD8300;
border-radius: 0px;
background: #FD8300;
color: #fff;
transition: all 0.3s ease-out 0s;
}
.canvas_close a:hover {
background: #FD8300;
border-color: #FD8300;
color: #fff;
}

.canvas_open a {
font-size: 26px;
width: 50px;
height: 42px;
display: block;
line-height: 39px;
text-align: center;
border: 1px solid #232323;
color: #222;
transition: all 0.3s ease-out 0s;
}
.canvas_open a:hover {
color: #FD8300;
border-color: #FD8300;
}

.offcanvas-social {
margin-bottom: 40px;
margin-top: 40px;
}
.offcanvas-social ul li {
display: inline-block;
}
.offcanvas-social ul li a {
height: 40px;
width: 40px;
text-align: center;
line-height: 38px;
color: #FD8300;
border: 1px solid #eaeaea;
border-radius: 50%;
margin: 0 5px;
transition: all 0.3s ease-out 0s;
}
.offcanvas-social ul li a:hover {
background: #FD8300;
border-color: #FD8300;
color: #fff;
}

.toggle-btn {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
font-size: 32px;
color: #0e1133;
}

.preloader {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 999;
background-position: center center;
background-repeat: no-repeat;
background-image: url(../images/icon/preloader.svg);
}

.preloader-close {
position: fixed;
z-index: 999999;
color: #fff;
padding: 10px 20px;
cursor: pointer;
right: 40px;
bottom: 40px;
font-weight: 600;
line-height: 60px;
background: #FD8300;
padding: 0 15px;
border-radius: 5px;
}

.loader-wrap {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 999999;
}

.loader-wrap .layer-one {
position: absolute;
left: 0%;
top: 0;
width: 33.3333%;
height: 100%;
overflow: hidden;
}

.loader-wrap .layer-two {
position: absolute;
left: 33.3333%;
top: 0;
width: 33.3333%;
height: 100%;
overflow: hidden;
}

.loader-wrap .layer-three {
position: absolute;
left: 66.6666%;
top: 0;
width: 33.3333%;
height: 100%;
overflow: hidden;
}

.loader-wrap .layer .overlay {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #F4F9FF;
}

/*===========================
SEARCH css 
===========================*/
.search-box {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.9);
z-index: 9999999;
transform: translateY(-100%);
transition: all 0.6s ease-out 0s;
box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.04);
}
.search-box .search-header .search-title {
font-size: 24px;
font-weight: 500;
color: #fff;
}
.search-box .search-header .search-close button {
background: none;
border: 0;
font-size: 24px;
font-weight: 500;
color: #fff;
padding-right: 35px;
position: relative;
}
.search-box .search-header .search-close button span {
width: 21px;
height: 2px;
background-color: #fff;
display: block;
position: absolute;
right: 0;
}
.search-box .search-header .search-close button span:nth-child(1) {
top: 13px;
transform: rotate(45deg);
}
.search-box .search-header .search-close button span:nth-child(2) {
transform: rotate(135deg);
top: 13px;
}
.search-box .search-body {
position: absolute;
top: 50%;
left: 0;
width: 100%;
transform: translateY(-50%);
}
.search-box .search-body .search-form {
position: relative;
}
.search-box .search-body .search-form input {
width: 100%;
border: 0;
height: 80px;
padding-left: 30px;
border: 2px solid #fff;
border-radius: 50px;
font-size: 20px;
color: #707070;
}
.search-box .search-body .search-form input::-moz-placeholder {
color: #707070;
opacity: 1;
}
.search-box .search-body .search-form input:-ms-input-placeholder {
color: #707070;
opacity: 1;
}
.search-box .search-body .search-form input::placeholder {
color: #707070;
opacity: 1;
}
.search-box .search-body .search-form button {
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
height: 60px;
font-size: 36px;
color: #707070;
background: none;
border: 0;
}
.search-box .search-footer {
padding-bottom: 50px;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
.search-box .search-footer .search-footer-content h4 {
color: #707070;
font-size: 24px;
}
.search-box .search-footer .search-footer-content p {
color: #222;
font-size: 16px;
}

.search-box.open {
transform: translateY(0);
}

/*===========================
SHOPPING CART css 
===========================*/
.amm-shopping-cart-wrapper .overlay::before {
content: "";
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #222;
opacity: 0;
z-index: 99999;
visibility: visible;
transition: all 0.2s ease-out 0s;
visibility: hidden;
}
.amm-shopping-cart-wrapper .overlay.open::before {
opacity: 0.5;
visibility: visible;
}

.amm-shopping-cart-canvas {
position: fixed;
width: 400px;
height: 100%;
background-color: #fff;
z-index: 99999999;
top: 0;
right: -400px;
padding: 40px 40px;
transition: all 0.4s ease-out 0s;
}
@media (max-width: 767px) {
.amm-shopping-cart-canvas {
width: 320px;
}
}
.amm-shopping-cart-canvas.open {
right: 0;
}
.amm-shopping-cart-canvas .amm-shopping_cart {
position: relative;
height: 100%;
width: 100%;
}
.amm-shopping-cart-canvas.amm-shopping-cart-leftbar {
right: auto;
left: -400px;
}
.amm-shopping-cart-canvas.amm-shopping-cart-leftbar.open {
left: 0;
}

.amm-shopping_cart-list-items {
overflow-y: auto;
width: 100%;
height: 50%;
}
.amm-shopping_cart-list-items ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.amm-shopping_cart-list-items ul li {
padding: 20px 0;
border-bottom: 1px solid #e5e5e5;
}
.amm-shopping_cart-list-items ul li:last-child {
border-bottom: 0;
}

.amm-single-shopping-cart {
display: flex;
}
.amm-single-shopping-cart .cart-content {
position: relative;
padding-right: 30px;
}
.amm-single-shopping-cart .cart-content h6 a {
font-size: 16px;
font-weight: 500;
color: #222;
}
.amm-single-shopping-cart .cart-content .quality {
font-size: 14px;
color: #505056;
display: block;
}
.amm-single-shopping-cart .cart-content .price {
font-size: 14px;
color: #FD8300;
}
.amm-single-shopping-cart .cart-content .price-discount {
font-size: 14px;
color: #FD8300;
}
.amm-single-shopping-cart .cart-content .price-close {
font-size: 12px;
color: #505056;
position: relative;
}
.amm-single-shopping-cart .cart-content .price-close::before {
position: absolute;
content: "";
top: 50%;
transform: translateY(-50%);
left: 0;
width: 100%;
height: 1px;
background-color: #505056;
}
.amm-single-shopping-cart .cart-content .remove {
font-size: 14px;
color: #ccc;
position: absolute;
top: 0;
right: 0;
}

.amm-shopping_cart-top-bar h6 {
font-size: 24px;
font-weight: 600;
color: #222;
}
.amm-shopping_cart-top-bar button {
width: 30px;
height: 30px;
padding: 0;
border: 0;
font-size: 30px;
background: none;
}

.amm-shopping_cart-btn {
border-top: 1px solid #ccc;
position: absolute;
width: 100%;
bottom: 0;
left: 0;
background-color: #fff;
z-index: 99;
}
.amm-shopping_cart-btn .tota h5 {
font-size: 18px;
font-weight: 400;
color: #222;
}
.amm-shopping_cart-btn .tota p {
font-size: 18px;
color: #FD8300;
}
.amm-shopping_cart-btn .cart-btn a {
margin: 5px 0;
width: 100%;
}

/*===========================
2.HEADER css 
===========================*/
.technofin-sticky.sticky {
position: fixed;
left: 0;
top: 0;
right: 0;
z-index: 1010;
background: #fff;
box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.0588235294);
padding-top: 10px;
padding-bottom: 10px;
-webkit-animation: sticky 1.2s;
animation: sticky 1.2s;
}
.technofin-header-main-menu {
text-align: center;
}

.technofin-header-area {
padding: 10px 0px;
position: absolute;
left: 0;
top: 0;
right: 0;
z-index: 999;
background: #fff;
/* pages dropdown CSS */
}
.technofin-header-area.technofin-header-2-area .technofin-btn-box .main-btn {
background: #fd8300;
border-radius: 30px;
border-color: #fd8300;
}
.technofin-header-area.technofin-header-2-area .technofin-btn-box .main-btn:hover {
background: transparent;
color: #fd8300;
}
.technofin-header-area .technofin-header-main-menu ul li .mega-menu-main-wrap {
width: 1170px;
position: absolute;
background: #fff;
opacity: 0;
visibility: hidden;
transition: 0.4s ease-in-out;
transform: scaleY(0);
transform-origin: top center;
text-align: center;
left: -200px;
border-radius: 5px;
box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 30px;
padding-top: 30px;
}
.technofin-header-area .technofin-header-main-menu ul li:hover .mega-menu-main-wrap {
opacity: 1;
visibility: visible;
transform: scaleY(1);
}
.technofin-header-area ul.mega-menu-home {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
-moz-column-gap: 20px;
column-gap: 20px;
padding: 0px 20px;
}
.technofin-header-area .technofin-header-main-menu ul li .mega-menu-main-wrap .mega-menu-home li {
display: inline-block;
width: 100%;
text-align: center;
margin-bottom: 15px;
}
.technofin-header-area .technofin-header-main-menu ul li .mega-menu-main-wrap .mega-menu-home li img {
width: 100%;
height: 240px;
}
.technofin-header-area .technofin-header-main-menu ul li .mega-menu-home li a:hover {
color: #FD8300;
}
.technofin-header-area .technofin-header-main-menu ul li .mega-menu-home li img {
box-shadow: rgba(136, 165, 191, 0.48) 6px 2px 16px 0px, rgba(255, 255, 255, 0.8) -6px -2px 16px 0px;
height: 280px;
transition: 0.5s ease-in-out;
}
.technofin-header-area .technofin-header-main-menu ul li .mega-menu-home li:hover img {
transform: translateY(-15px);
}
.technofin-header-area .technofin-header-main-menu ul li .pages-mega-menu {
width: 1170px !important;
position: absolute;
background: #fff;
padding: 15px 30px;
box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 30px;
padding-top: 40px !important;
opacity: 0;
visibility: hidden;
transform: scaleY(0);
transition: 0.4s ease-in-out;
transform-origin: top center;
left: -291px;
margin: auto;
padding-left: 40px;
padding-bottom: 30px;
}
.technofin-header-area .technofin-header-main-menu ul li:hover .pages-mega-menu {
opacity: 1;
visibility: visible;
transform: scaleY(1);
}
.technofin-header-area .technofin-header-main-menu ul li .pages-mega-menu ul {
float: left;
width: auto;
}
.technofin-header-area .technofin-header-main-menu ul li .pages-mega-menu ul li {
display: block;
}
.technofin-header-area .technofin-header-main-menu ul li .pages-mega-menu ul li a {
font-size: 16px;
font-weight: 400;
line-height: 40px;
}
.technofin-header-area .technofin-header-main-menu ul li .pages-mega-menu ul li a:hover {
color: #FD8300;
}
.technofin-header-area .technofin-header-main-menu ul li .pages-mega-menu ul li:first-child a {
font-size: 18px;
font-weight: 500;
position: relative;
}
.technofin-header-area .hot::after {
content: "HOT";
font-size: 12px;
position: absolute;
top: -13px;
right: -1px;
background: #D41212;
height: 20px;
line-height: 21px;
width: 40px !important;
display: block;
text-align: center;
color: #fff;
}
.technofin-header-area .hot::before {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 15px 0 0 18px;
border-color: transparent transparent transparent #D41212;
position: absolute;
right: 15px;
bottom: 32px;
transform: rotate(-120deg);
}
.technofin-header-area .feature::before {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 15px 0 0 18px;
border-color: transparent transparent transparent #D41212;
position: absolute;
right: 15px;
bottom: 30px;
transform: rotate(-120deg);
}
.technofin-header-area .feature::after {
content: "feature";
font-size: 13px;
position: absolute;
top: -10px;
right: -1px;
background: #D41212;
height: 19px;
line-height: 19px;
width: 62px !important;
display: block;
text-align: center;
color: #fff;
text-transform: uppercase;
}
.technofin-header-area .projects::after {
content: "PROJECTS";
font-size: 12px;
position: absolute;
top: -14px;
right: -46px;
background: #FD8300;
height: 20px;
line-height: 21px;
width: 70px !important;
display: block;
text-align: center;
color: #fff;
}
.technofin-header-area .projects::before {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 15px 0 0 13px;
border-color: transparent transparent transparent #FD8300;
position: absolute;
right: 4px;
bottom: 30px;
transform: rotate(-120deg);
}
.technofin-header-area .mega-menu-recent-ports ul {
overflow: hidden;
}
.technofin-header-area .mega-r-post {
font-size: 18px;
font-weight: 500;
color: #0e1133;
margin-top: 8px;
margin-bottom: 25px;
}
.technofin-header-area .mega-recent-post-text img {
float: left;
width: 23%;
}
.technofin-header-area .mega-menu-ul-block {
float: none !important;
width: 325px !important;
}
.technofin-header-area .mega-recent-post-text a {
display: block;
}
.technofin-header-area .mega-recent-post-text h5 {
font-size: 16px;
font-family: "Poppins";
font-weight: 400;
line-height: 20px;
font-weight: 500;
transition: 0.3s;
}
.technofin-header-area .mega-recent-post-text h5:hover {
color: #FD8300;
}
.technofin-header-area .mega-recent-post-text ul li {
font-size: 14px;
color: #5E5E5E;
}
.technofin-header-area .mega-recent-post-text ul li a {
font-size: 14px !important;
color: #5E5E5E;
}
.technofin-header-area .mega-recent-right-txt {
float: right;
width: 73%;
}
.technofin-header-area .mega-menu-ul-block-lst li {
display: inline-block !important;
}
.technofin-header-area .blog-comment {
margin-left: -25px;
font-weight: 400 !important;
font-size: 14px !important;
}
.technofin-header-area .recent-right-text {
margin-bottom: 15px !important;
display: block !important;
overflow: hidden;
border-bottom: 1px solid #ddd;
}
.technofin-header-area .mega-menu-ul-block li:last-child {
border: none;
}
.technofin-header-area .mega-recent-ftxt {
text-transform: inherit !important;
}
.technofin-header-area .technofin-header-main-menu ul li .blog-mega-menu {
width: 750px !important;
}
.technofin-header-area .blog-wrap-ul {
width: 26% !important;
}
.technofin-header-area .blog-wrap-ul:nth-child(2) {
width: 30% !important;
}
.technofin-header-area .pages-mega-menu.mega-menu-mainn-wrap {
padding-left: 100px !important;
}
.technofin-header-area .pages-mega-menu.mega-menu-mainn-wrap ul {
margin: 0 25px;
}
.technofin-header-area .mega-menu-ul-block {
margin-left: 0 !important;
}
.technofin-header-area.technofin-header-3-area.technofin-sticky.sticky {
background: #0e1133;
}
.technofin-header-area.technofin-header-4-area.technofin-sticky.sticky {
background: linear-gradient(90deg, rgb(107, 31, 205) 0%, rgb(55, 78, 222) 100%);
}
.technofin-header-area.technofin-header-9-area {
border-bottom: 1px solid #5973FE;
padding-bottom: 30px;
}
.technofin-header-area.technofin-header-9-area.technofin-sticky.sticky {
background: linear-gradient(90deg, #1C61FE 0%, #9238F3 100%);
padding-top: 30px;
}
.technofin-header-area.technofin-header-9-area .technofin-btn-box .main-btn {
background: #FF4245;
border-color: #FF4245;
}
.technofin-header-area.technofin-header-9-area .technofin-btn-box .main-btn:hover {
background: transparent;
color: #fff;
border-color: #fff;
}
.technofin-header-area.technofin-header-10-area {
border-bottom: 1px solid #33a9ff;
padding-bottom: 30px;
}
.technofin-header-area.technofin-header-10-area.technofin-sticky.sticky {
background: linear-gradient(90deg, #1580ff 0%, #05beff 100%);
padding-top: 30px;
}
.technofin-header-area.technofin-header-10-area .header-nav-box-10 .technofin-header-main-menu > ul > li > a {
color: #fff;
}
.technofin-header-area.technofin-header-10-area .header-nav-box-10 .technofin-btn-box .login-btn {
color: #fff;
}
.technofin-header-area.technofin-header-10-area .header-nav-box-10 .technofin-btn-box .main-btn {
background: #fff;
border-color: #fff;
color: #0e1133;
}
.technofin-header-area.technofin-header-10-area .header-nav-box-10 .technofin-btn-box .main-btn:hover {
color: #0778ff;
border-color: #fff;
}
.technofin-header-area.technofin-header-10-area .header-nav-box-10 .technofin-btn-box .toggle-btn {
color: #fff;
}
.technofin-header-area.technofin-header-page-area.technofin-sticky.sticky {
background: #0a44b9;
}
.technofin-header-area.technofin-header-7-area.technofin-sticky.sticky {
background: #290645;
}
.technofin-header-area.technofin-header-error-page {
box-shadow: 0px 10px 20px 0px rgba(14, 17, 51, 0.1);
padding-top: 20px;
padding-bottom: 20px;
}

.header-nav-box .technofin-btn-box {
position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.header-nav-box .technofin-btn-box {
padding-right: 50px;
}
}
@media (max-width: 767px) {
.header-nav-box .technofin-btn-box {
padding-right: 30px;
}
}
.header-nav-box .technofin-btn-box .login-btn {
color: #0e1133;
font-size: 15px;
font-weight: 500;
}
.header-nav-box .technofin-btn-box .login-btn i {
padding-right: 6px;
}
@media (max-width: 767px) {
.header-nav-box .technofin-btn-box .main-btn {
display: none;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.header-nav-box .technofin-btn-box .main-btn {
padding: 0 10px;
display: inline-block;
}
}
.header-nav-box.header-nav-box-3 .technofin-header-main-menu ul > li > a {
color: #fff;
}
.header-nav-box.header-nav-box-3 .technofin-header-main-menu ul > li .sub-menu li a {
color: #0e1133;
}
.header-nav-box.header-nav-box-3 .technofin-btn-box .login-btn {
color: #fff;
}
.header-nav-box.header-nav-box-3 .technofin-btn-box .main-btn {
background: #ff6b58;
border-color: #ff6b58;
}
.header-nav-box.header-nav-box-3 .technofin-btn-box .main-btn:hover {
background: transparent;
color: #ff6b58;
}
.header-nav-box.header-nav-box-3 .toggle-btn {
color: #fff;
font-size: 20px;
}
.header-nav-box.header-nav-box-3.header-nav-box-inner-page .technofin-btn-box .main-btn {
border-color: #fff;
background: transparent;
}
.header-nav-box.header-nav-box-3.header-nav-box-inner-page .technofin-btn-box .main-btn:hover {
background: #fff;
color: #FD8300;
}
.header-nav-box.header-nav-box-5 .technofin-header-main-menu ul > li > a {
color: #fff;
}
.header-nav-box.header-nav-box-5 .technofin-header-main-menu ul > li .sub-menu li a {
color: #0e1133;
}
.header-nav-box.header-nav-box-5 .technofin-btn-box .login-btn {
color: #fff;
}
.header-nav-box.header-nav-box-5 .technofin-btn-box .main-btn {
background: #f84a6e;
border-color: #f84a6e;
}
.header-nav-box.header-nav-box-5 .technofin-btn-box .main-btn:hover {
background: transparent;
color: #f84a6e;
}
.header-nav-box.header-nav-box-5 .toggle-btn {
color: #fff;
font-size: 20px;
}
.header-nav-box.header-nav-4-box .technofin-header-main-menu ul > li > a:hover {
color: #801f82;
}
.header-nav-box.header-nav-4-box .technofin-btn-box .main-btn {
background: #801f82;
border-color: #801f82;
}
.header-nav-box.header-nav-4-box .technofin-btn-box .main-btn:hover {
background: transparent;
color: #801f82;
}
@media (max-width: 767px) {
.header-nav-box.header-nav-4-box .technofin-btn-box ul {
margin-right: 10px;
}
}
.header-nav-box.header-nav-4-box .technofin-btn-box ul li {
display: inline-block;
}
.header-nav-box.header-nav-4-box .technofin-btn-box ul li a {
font-size: 18px;
color: #0e1133;
margin-left: 15px;
}
.header-nav-box.header-nav-4-box .technofin-btn-box ul li a.cart-btn {
position: relative;
}
.header-nav-box.header-nav-4-box .technofin-btn-box ul li a.cart-btn span {
position: absolute;
top: -7px;
display: inline-block;
right: -12px;
height: 20px;
width: 20px;
text-align: center;
line-height: 20px;
color: #fff;
font-size: 11px;
background: #801f82;
border-radius: 50%;
}
.header-nav-box.header-nav-box-6 .main-btn {
background: #9b2cfa;
border-color: #9b2cfa;
}
.header-nav-box.header-nav-box-6 .main-btn:hover {
background: transparent;
color: #9b2cfa;
}
.header-nav-box.header-nav-box-6 .technofin-header-main-menu ul > li > a:hover {
color: #9b2cfa;
}
.header-nav-box.header-nav-box-6 .technofin-btn-box form {
display: inline-block;
margin-left: 18px;
}
@media (max-width: 767px) {
.header-nav-box.header-nav-box-6 .technofin-btn-box form {
display: none;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.header-nav-box.header-nav-box-6 .technofin-btn-box form {
display: inline-block;
}
}
.header-nav-box.header-nav-box-6 .technofin-btn-box form .input-box {
position: relative;
}
.header-nav-box.header-nav-box-6 .technofin-btn-box form .input-box i {
position: absolute;
left: 20px;
top: 50%;
transform: translateY(-50%);
}
.header-nav-box.header-nav-box-6 .technofin-btn-box form .input-box input {
width: 105px;
padding-left: 50px;
border: 0;
border-left: 1px solid #ddddea;
background: transparent;
}
.header-nav-box.header-nav-box-7 .technofin-header-main-menu ul > li > a {
color: #fff;
}
.header-nav-box.header-nav-box-7 .technofin-header-main-menu ul > li > a:hover {
color: #FD8300;
}
.header-nav-box.header-nav-box-7 .technofin-header-main-menu ul > li .sub-menu li a {
color: #505056;
}
.header-nav-box.header-nav-box-7 .technofin-header-main-menu ul > li .sub-menu li a:hover {
color: #FD8300;
}
.header-nav-box.header-nav-box-7 .technofin-btn-box .login-btn {
color: #fff;
}
.header-nav-box.header-nav-box-7 .technofin-btn-box .toggle-btn {
color: #fff;
}
.header-nav-box.header-nav-box-9 .technofin-header-main-menu ul > li > a {
color: #fff;
}
.header-nav-box.header-nav-box-9 .technofin-header-main-menu ul > li > a:hover {
color: #FF4245;
}
.header-nav-box.header-nav-box-9 .technofin-header-main-menu ul > li .sub-menu li a {
color: #0e1133;
}
.header-nav-box.header-nav-box-9 .technofin-header-main-menu ul > li .sub-menu li a:hover {
color: #FF4245;
}
.header-nav-box.header-nav-box-9 .technofin-btn-box .login-btn {
color: #fff;
}
.header-nav-box.header-nav-box-9 .technofin-btn-box .toggle-btn {
color: #fff;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-header-main-menu {
display: none;
}
}
@media (max-width: 767px) {
.technofin-header-main-menu {
display: none;
}
}
.technofin-header-main-menu ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.technofin-header-main-menu ul > li {
display: inline-block;
margin-right: 30px;
position: relative;
padding:15px 0px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.technofin-header-main-menu ul > li {
margin-right: 14px;
}
}
.technofin-header-main-menu ul > li > a {
font-size: 18px;
font-weight: 500;
color: #241A10;
line-height: 27px;
padding: 5px 10px;
}
.technofin-header-main-menu ul > li > a i {
padding-left: 6px;
}
.technofin-header-main-menu ul > li .sub-menu {
position: absolute;
left: 0;
top: 110%;
width: auto;
min-width: 220px;
max-width: 220px;
background-color: #fff;
opacity: 0;
visibility: hidden;
transition: all linear 0.3s;
z-index: 99;
box-shadow: 11px 10px 38px 0 rgba(46, 63, 99, 0.15);
list-style-type: none;
margin: 0;
padding: 15px 0;
border-radius: 5px;
text-align: left;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
.technofin-header-main-menu ul > li .sub-menu {
min-width: 270px;
max-width: 270px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.technofin-header-main-menu ul > li .sub-menu {
min-width: 200px;
max-width: 200px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-header-main-menu ul > li .sub-menu {
position: relative;
width: 100%;
left: 0;
top: auto;
opacity: 1;
visibility: visible;
display: none;
right: auto;
transform: translateX(0%);
transition: all none ease-out 0s;
box-shadow: none;
text-align: left;
border-top: 0;
transition: 0s;
padding: 0;
}
}
@media (max-width: 767px) {
.technofin-header-main-menu ul > li .sub-menu {
position: relative;
width: 100%;
left: 0;
top: auto;
opacity: 1;
visibility: visible;
display: none;
right: auto;
transform: translateX(0%);
transition: all none ease-out 0s;
box-shadow: none;
text-align: left;
border-top: 0;
transition: 0s;
padding: 0;
}
}
.technofin-header-main-menu ul > li .sub-menu > li {
position: relative;
margin-left: 0;
display: block;
margin: 0;
padding: 10px 0px;
}
.technofin-header-main-menu ul > li .sub-menu > li .sub-menu {
margin-left: 0px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-header-main-menu ul > li .sub-menu > li .sub-menu {
margin-left: 0;
}
}
@media (max-width: 767px) {
.technofin-header-main-menu ul > li .sub-menu > li .sub-menu {
margin-left: 0;
}
}
.technofin-header-main-menu ul > li .sub-menu > li .sub-nav-toggler {
color: #0e1133;
transition: all 0.3s ease-out 0s;
}
.technofin-header-main-menu ul > li .sub-menu > li a {
display: block;
padding: 0px 30px;
position: relative;
color: #241A10;
transition: all 0.3s ease-out 0s;
border-radius: 4px;
margin: 0 0;
line-height: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
.technofin-header-main-menu ul > li .sub-menu > li a {
padding: 0 20px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.technofin-header-main-menu ul > li .sub-menu > li a {
padding: 0 20px;
}
}
.technofin-header-main-menu ul > li .sub-menu > li a i {
float: right;
font-size: 16px;
margin-top: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-header-main-menu ul > li .sub-menu > li a i {
display: none;
}
}
@media (max-width: 767px) {
.technofin-header-main-menu ul > li .sub-menu > li a i {
display: none;
}
}
.technofin-header-main-menu ul > li .sub-menu > li a .sub-nav-toggler i {
display: inline-block;
}
.technofin-header-main-menu ul > li .sub-menu > li a:hover {
padding-left: 35px;
}
.technofin-header-main-menu ul > li .sub-menu > li .sub-menu {
right: auto;
left: 100%;
top: 50%;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-out 0s;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-header-main-menu ul > li .sub-menu > li .sub-menu {
padding-left: 30px;
transition: all 0s ease-out 0s;
}
}
@media (max-width: 767px) {
.technofin-header-main-menu ul > li .sub-menu > li .sub-menu {
padding-left: 30px;
transition: all 0s ease-out 0s;
}
}
.technofin-header-main-menu ul > li .sub-menu > li .sub-menu li {
position: relative;
}
.technofin-header-main-menu ul > li .sub-menu > li .sub-menu li .sub-menu {
right: auto;
left: 100%;
top: 50%;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-out 0s;
}
.technofin-header-main-menu ul > li .sub-menu > li .sub-menu li:hover .sub-menu {
top: 0%;
opacity: 1;
visibility: visible;
}
.technofin-header-main-menu ul > li .sub-menu > li:hover .sub-menu {
top: 0%;
opacity: 1;
visibility: visible;
}
.technofin-header-main-menu ul > li .sub-menu > li:hover .sub-nav-toggler {
color: #FD8300;
}
.technofin-header-main-menu ul > li .sub-menu > li:hover > a {
color: #FD8300;
}
.technofin-header-main-menu ul > li:hover .sub-menu {
opacity: 1;
visibility: visible;
top: 100%;
}

@-webkit-keyframes sticky {
0% {
top: -200px;
}
100% {
top: 0;
}
}
@keyframes sticky {
0% {
top: -200px;
}
100% {
top: 0;
}
}
.technofin-header-8-area .header-nav-box .technofin-btn-box .main-btn {
background: #FD8300;
border-color: #FD8300;
}
.technofin-header-8-area .header-nav-box .technofin-btn-box .main-btn:hover {
background: #fff;
color: #FD8300;
}
.technofin-header-8-area .header-nav-box .technofin-header-main-menu ul > li a:hover {
color: #FD8300;
}

/*===========================
3.technofin HERO css 
===========================*/
.technofin-hero-area {
padding-top: 200px;
padding-bottom: 110px;
overflow: hidden;
position: relative;
z-index: 10;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.technofin-hero-area.technofin-hero-3-area {
background-image: url(../images/hero-bg.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding-top: 180px;
padding-bottom: 0px;
overflow: visible;
z-index: 15;
}
.technofin-hero-area.technofin-hero-3-area .technofin-hero-content .technofin-title {
color: #fff;
font-size: 70px;
line-height: 80px;
padding: 0 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.technofin-hero-area.technofin-hero-3-area .technofin-hero-content .technofin-title {
font-size: 54px;
line-height: 64px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-hero-area.technofin-hero-3-area .technofin-hero-content .technofin-title {
font-size: 50px;
line-height: 60px;
}
}
@media (max-width: 767px) {
.technofin-hero-area.technofin-hero-3-area .technofin-hero-content .technofin-title {
font-size: 36px;
line-height: 46px;
padding: 0;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.technofin-hero-area.technofin-hero-3-area .technofin-hero-content .technofin-title {
font-size: 46px;
line-height: 56px;
padding: 0;
}
}
.technofin-hero-area.technofin-hero-3-area .technofin-hero-content p {
color: #fff;
opacity: 0.5;
font-size: 18px;
line-height: 28px;
}
.technofin-hero-area.technofin-hero-3-area .technofin-hero-content .hero-btns {
margin-top: 35px;
}
.technofin-hero-area.technofin-hero-3-area .technofin-hero-content .hero-btns .main-btn {
border-color: #ff6b58;
color: #ff6b58;
background: transparent;
margin-right: 14px;
}
.technofin-hero-area.technofin-hero-3-area .technofin-hero-content .hero-btns .technofin-video-popup {
color: #fff;
font-size: 15px;
font-weight: 500;
}
@media (max-width: 767px) {
.technofin-hero-area.technofin-hero-3-area .technofin-hero-content .hero-btns .technofin-video-popup {
margin-top: 20px;
}
}
.technofin-hero-area.technofin-hero-3-area .technofin-hero-content .hero-btns .technofin-video-popup i {
height: 45px;
width: 45px;
text-align: center;
line-height: 42px;
border-radius: 50%;
border: 2px solid #fff;
color: #fff;
margin-right: 10px;
}
.technofin-hero-area.technofin-hero-3-area .technofin-hero-content .thumb {
margin-bottom: -210px;
}
@media (max-width: 767px) {
.technofin-hero-area.technofin-hero-3-area .technofin-hero-content .thumb {
display: none;
margin-bottom: 0;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.technofin-hero-area.technofin-hero-3-area .technofin-hero-content .thumb {
display: block;
margin-bottom: -210px;
}
}
.technofin-hero-area.technofin-hero-3-area.technofin-hero-5-area {
background-color: #eef1f6;
background-image: url(../images/hero-bg-2.png);
padding-top: 280px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.technofin-hero-area.technofin-hero-3-area.technofin-hero-5-area {
padding-top: 120px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-hero-area.technofin-hero-3-area.technofin-hero-5-area {
padding-top: 160px;
}
}
@media (max-width: 767px) {
.technofin-hero-area.technofin-hero-3-area.technofin-hero-5-area {
padding-top: 120px;
padding-bottom: 100px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.technofin-hero-area.technofin-hero-3-area.technofin-hero-5-area {
padding-top: 120px;
padding-bottom: 0px;
}
}
.technofin-hero-area.technofin-hero-3-area.technofin-hero-5-area .technofin-hero-content .thumb {
margin-bottom: -110px;
}
.technofin-hero-area.technofin-hero-3-area.technofin-hero-5-area .technofin-hero-content .technofin-title {
font-weight: 700;
font-size: 70px;
line-height: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.technofin-hero-area.technofin-hero-3-area.technofin-hero-5-area .technofin-hero-content .technofin-title {
font-size: 50px;
line-height: 60px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-hero-area.technofin-hero-3-area.technofin-hero-5-area .technofin-hero-content .technofin-title {
font-size: 40px;
line-height: 50px;
}
}
@media (max-width: 767px) {
.technofin-hero-area.technofin-hero-3-area.technofin-hero-5-area .technofin-hero-content .technofin-title {
font-size: 30px;
line-height: 40px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.technofin-hero-area.technofin-hero-3-area.technofin-hero-5-area .technofin-hero-content .technofin-title {
font-size: 36px;
line-height: 46px;
}
}
.technofin-hero-area.technofin-hero-3-area.technofin-hero-5-area .technofin-hero-content .hero-btns .technofin-video-popup i {
border-color: rgba(255, 255, 255, 0.2);
}
.technofin-hero-area.technofin-hero-3-area.technofin-hero-5-area .technofin-hero-content .hero-btns .main-btn {
border-color: rgba(255, 255, 255, 0.2);
color: #fff;
}
.technofin-hero-area.technofin-hero-3-area.technofin-hero-5-area .technofin-hero-content .hero-btns .main-btn:hover {
background: #f84a6e;
color: #fff;
}
.technofin-hero-area .hero-shape-1 {
position: absolute;
left: 0;
top: 250px;
z-index: -1;
-webkit-animation: linear 20s animationFramesOne infinite;
animation: linear 20s animationFramesOne infinite;
}
.technofin-hero-area .hero-shape-2 {
position: absolute;
left: 80px;
z-index: -1;
top: 480px;
-webkit-animation: linear 25s animationFramesThree infinite;
animation: linear 25s animationFramesThree infinite;
}
.technofin-hero-area .hero-shape-3 {
position: absolute;
bottom: 120px;
right: 320px;
z-index: -1;
-webkit-animation: linear 25s animationFramesFive infinite;
animation: linear 25s animationFramesFive infinite;
}
.technofin-hero-area.technofin-hero-4-area {
background: #f9f9f9;
background-image: url(../images/hero-shape-1.png);
background-repeat: no-repeat;
background-size: auto;
background-position: 6% 100%;
padding-top: 140px;
padding-bottom: 60px;
}
.technofin-hero-area.technofin-hero-6-area {
background-image: url(../images/hero-bg-3.jpg);
}
.technofin-hero-area.technofin-hero-7-area {
background-image: url(../images/hero-bg-4.png);
}
.technofin-hero-area.technofin-hero-8-area {
position: relative;
z-index: 10;
}
.technofin-hero-area.technofin-hero-8-area .home-8-shape-1 {
position: absolute;
left: 0;
bottom: 100px;
z-index: -1;
}
.technofin-hero-area.technofin-hero-8-area .home-8-shape-2 {
position: absolute;
top: 0;
right: 0;
z-index: -1;
}
.technofin-hero-area.technofin-hero-8-area .home-8-shape-3 {
position: absolute;
top: 400px;
right: 290px;
z-index: -1;
}
.technofin-hero-area.technofin-hero-8-area .home-8-shape-4 {
position: absolute;
bottom: 195px;
left: 195px;
z-index: -1;
}
.technofin-hero-area.technofin-hero-8-area .technofin-hero-content-8 .technofin-title {
font-size: 70px;
line-height: 80px;
font-weight: 700;
background: linear-gradient(90deg, rgb(251, 45, 78) 25%, rgb(78, 136, 255) 75%);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.technofin-hero-area.technofin-hero-8-area .technofin-hero-content-8 .technofin-title {
font-size: 56px;
line-height: 66px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-hero-area.technofin-hero-8-area .technofin-hero-content-8 .technofin-title {
font-size: 42px;
line-height: 66px;
}
}
@media (max-width: 767px) {
.technofin-hero-area.technofin-hero-8-area .technofin-hero-content-8 .technofin-title {
font-size: 32px;
line-height: 44px;
}
}
.technofin-hero-area.technofin-hero-9-area {
background: url(../images/hero-bg-9.png);
padding-top: 210px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding-bottom: 160px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-hero-area.technofin-hero-9-area {
padding-bottom: 80px;
}
}
.technofin-hero-area.technofin-hero-9-area .technofin-hero-content span {
color: #fff;
font-size: 25px;
font-weight: 500;
line-height: 1.5em;
}
.technofin-hero-area.technofin-hero-9-area .technofin-hero-content .technofin-title {
color: #fff;
font-weight: 900;
}
.technofin-hero-area.technofin-hero-9-area .technofin-hero-content p {
color: #fff;
}
.technofin-hero-area.technofin-hero-9-area .technofin-hero-content .buttons-wrapper {
display: flex;
gap: 20px;
margin-top: 53px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-hero-area.technofin-hero-9-area .technofin-hero-content .buttons-wrapper {
justify-content: center;
}
}
@media (max-width: 767px) {
.technofin-hero-area.technofin-hero-9-area .technofin-hero-content .buttons-wrapper {
justify-content: center;
flex-direction: column;
align-items: center;
}
}
@media (max-width: 767px) {
.technofin-hero-area.technofin-hero-9-area .technofin-hero-content .buttons-wrapper .main-btn {
max-width: 160px;
}
}
.technofin-hero-area.technofin-hero-9-area .technofin-hero-thumb::before {
display: none;
}
.technofin-hero-area.technofin-hero-9-area .technofin-hero-thumb .thumb {
margin-right: -260px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-hero-area.technofin-hero-9-area .technofin-hero-thumb .thumb {
display: none;
}
}
@media (max-width: 767px) {
.technofin-hero-area.technofin-hero-9-area .technofin-hero-thumb .thumb {
display: none;
}
}
.technofin-hero-area.technofin-hero-10-area {
background: url(../images/hero-10-bg.jpg);
padding-top: 235px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding-bottom: 125px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-hero-area.technofin-hero-10-area {
padding-top: 220px;
padding-bottom: 57px;
}
}
@media (max-width: 767px) {
.technofin-hero-area.technofin-hero-10-area {
padding-top: 220px;
padding-bottom: 57px;
}
}
.technofin-hero-area.technofin-hero-10-area .technofin-hero-content span {
color: #fff;
font-size: 25px;
font-weight: 500;
}
.technofin-hero-area.technofin-hero-10-area .technofin-hero-content .technofin-title {
color: #fff;
font-weight: 900;
margin-bottom: 37px;
}
.technofin-hero-area.technofin-hero-10-area .technofin-hero-content .technofin-hero-subscribe {
margin-bottom: 47px;
}
.technofin-hero-area.technofin-hero-10-area .technofin-hero-content .technofin-hero-subscribe form {
height: 60px;
width: 500px;
border-radius: 10px;
background: #fff;
padding-left: 30px;
display: flex;
justify-content: space-between;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-hero-area.technofin-hero-10-area .technofin-hero-content .technofin-hero-subscribe form {
margin: auto;
}
}
@media (max-width: 767px) {
.technofin-hero-area.technofin-hero-10-area .technofin-hero-content .technofin-hero-subscribe form {
margin: auto;
width: 340px;
}
}
.technofin-hero-area.technofin-hero-10-area .technofin-hero-content .technofin-hero-subscribe form input {
height: 60px;
border: 0px;
outline: 0;
}
.technofin-hero-area.technofin-hero-10-area .technofin-hero-content .technofin-hero-subscribe form button {
border: 0;
outline: 0;
height: 60px;
width: 160px;
border-radius: 10px;
background: #0777ff;
color: #fff;
font-size: 18px;
font-weight: 500;
transition: all 0.3s ease-out 0s;
}
.technofin-hero-area.technofin-hero-10-area .technofin-hero-content .technofin-hero-subscribe form button:hover {
opacity: 0.9;
}
.technofin-hero-area.technofin-hero-10-area .technofin-hero-thumb::before {
display: none;
}
.technofin-hero-area.technofin-hero-10-area .technofin-hero-thumb .thumb {
margin-right: -280px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-hero-area.technofin-hero-10-area .technofin-hero-thumb .thumb {
display: none;
}
}
@media (max-width: 767px) {
.technofin-hero-area.technofin-hero-10-area .technofin-hero-thumb .thumb {
display: none;
}
}
.technofin-hero-area .technofin-hero-thumb-6 .thumb {
position: relative;
z-index: 10;
}
.technofin-hero-area .technofin-hero-thumb-6 .thumb .back-image {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 100%;
z-index: -1;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-hero-content {
margin-bottom: 50px;
text-align: center;
}
}
@media (max-width: 767px) {
.technofin-hero-content {
margin-bottom: 50px;
text-align: center;
}
}
.technofin-hero-content > span {
color: #FD8300;
font-size: 14px;
font-weight: 500;
}
.technofin-hero-content .technofin-title {
font-size: 60px;
line-height: 70px;
margin-top: 10px;
margin-bottom: 22px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.technofin-hero-content .technofin-title {
font-size: 48px;
line-height: 58px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-hero-content .technofin-title {
font-size: 48px;
line-height: 58px;
}
}
@media (max-width: 767px) {
.technofin-hero-content .technofin-title {
font-size: 28px;
line-height: 38px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.technofin-hero-content .technofin-title {
font-size: 36px;
line-height: 46px;
}
}
.technofin-hero-content p {
font-size: 18px;
line-height: 28px;
}
@media (max-width: 767px) {
.technofin-hero-content p {
font-size: 15px;
line-height: 26px;
}
}
.technofin-hero-content ul {
margin: 41px 0 0;
padding: 0;
list-style-type: none;
}
.technofin-hero-content ul li {
display: inline-block;
margin-right: 8px;
}
@media (max-width: 767px) {
.technofin-hero-content ul li {
margin-bottom: 20px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.technofin-hero-content ul li {
margin-bottom: 0px;
}
}
.technofin-hero-content ul li a {
background: #0e1133;
color: #fff;
line-height: 40px;
padding: 0 23px;
border-radius: 6px;
border: 2px solid #0e1133;
}
.technofin-hero-content ul li a i {
padding-right: 6px;
}
.technofin-hero-content ul li a:hover {
background: transparent;
color: #0e1133;
}
.technofin-hero-content ul li a.item-2 {
background: transparent;
color: #0e1133;
}
.technofin-hero-content ul li a.item-2:hover {
background: #0e1133;
color: #fff;
}
.technofin-hero-content.technofin-hero-content-4 {
padding-right: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.technofin-hero-content.technofin-hero-content-4 {
padding-right: 0;
}
}
@media (max-width: 767px) {
.technofin-hero-content.technofin-hero-content-4 {
padding-right: 0;
}
}
.technofin-hero-content.technofin-hero-content-4 > span {
color: #801f82;
}
.technofin-hero-content.technofin-hero-content-4 .technofin-title {
font-size: 70px;
font-weight: 700;
line-height: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.technofin-hero-content.technofin-hero-content-4 .technofin-title {
font-size: 60px;
line-height: 70px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-hero-content.technofin-hero-content-4 .technofin-title {
font-size: 50px;
line-height: 60px;
}
}
@media (max-width: 767px) {
.technofin-hero-content.technofin-hero-content-4 .technofin-title {
font-size: 30px;
line-height: 40px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.technofin-hero-content.technofin-hero-content-4 .technofin-title {
font-size: 40px;
line-height: 50px;
}
}
.technofin-hero-content.technofin-hero-content-4 a.main-btn {
border: 2px solid #801f82;
color: #801f82;
background: #fff;
line-height: 55px;
padding: 0 40px;
font-size: 16px;
margin-top: 40px;
}
.technofin-hero-content.technofin-hero-content-4 a.main-btn:hover {
background: #801f82;
color: #fff;
}
.technofin-hero-content.technofin-hero-content-6 > span {
color: #9b2cfa;
}
.technofin-hero-content.technofin-hero-content-6 .technofin-title {
font-weight: 700;
font-size: 70px;
line-height: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.technofin-hero-content.technofin-hero-content-6 .technofin-title {
font-size: 60px;
line-height: 70px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-hero-content.technofin-hero-content-6 .technofin-title {
font-size: 50px;
line-height: 60px;
}
}
@media (max-width: 767px) {
.technofin-hero-content.technofin-hero-content-6 .technofin-title {
font-size: 36px;
line-height: 46px;
}
}
.technofin-hero-content.technofin-hero-content-6 ul li a {
background: #9b2cfa;
border-color: #9b2cfa;
display: flex;
align-items: center;
font-size: 13px;
font-weight: 400;
padding-top: 10px;
padding-bottom: 10px;
}
.technofin-hero-content.technofin-hero-content-6 ul li a span {
line-height: 20px;
}
.technofin-hero-content.technofin-hero-content-6 ul li a span span {
font-size: 16px;
font-weight: 700;
display: block;
line-height: 20px;
}
.technofin-hero-content.technofin-hero-content-6 ul li a i {
font-size: 30px;
}
.technofin-hero-content.technofin-hero-content-6 ul li a:hover {
background: #fff;
color: #0e1133;
border-color: #fff;
}
.technofin-hero-content.technofin-hero-content-6 ul li a.item-2 {
background: #fff;
border-color: #fff;
}
.technofin-hero-content.technofin-hero-content-6 ul li a.item-2:hover {
background: #9b2cfa;
border-color: #9b2cfa;
color: #fff;
}
.technofin-hero-content.technofin-hero-content-6.technofin-hero-content-7 .technofin-title {
color: #fff;
}
.technofin-hero-content.technofin-hero-content-6.technofin-hero-content-7 p {
color: #fff;
opacity: 0.5;
}
.technofin-hero-content.technofin-hero-content-6.technofin-hero-content-7 ul li a {
background: #fff;
color: #0e1133;
border-color: #fff;
}
.technofin-hero-content.technofin-hero-content-6.technofin-hero-content-7 ul li a:hover {
background: transparent;
border-color: #54386a;
color: #fff;
}
.technofin-hero-content.technofin-hero-content-6.technofin-hero-content-7 ul li a.item-2 {
background: transparent;
color: #fff;
border-color: #54386a;
}
.technofin-hero-content.technofin-hero-content-6.technofin-hero-content-7 ul li a.item-2:hover {
border-color: #fff;
background: #fff;
color: #0e1133;
}

.technofin-hero-thumb {
position: relative;
z-index: 10;
text-align: center;
}
.technofin-hero-thumb .thumb-2 {
position: absolute;
right: -30px;
top: 50%;
transform: translateY(-50%);
box-shadow: 0px 30px 70px 0px rgba(68, 1, 15, 0.2);
}
.technofin-hero-thumb::before {
position: absolute;
content: "";
left: 50%;
top: 50%;
height: 500px;
width: 500px;
transform: translate(-50%, -50%);
background: #fd8300;
border-radius: 50%;
z-index: -1;
}
.technofin-hero-thumb.technofin-hero-thumb-4::before {
height: 160px;
width: 160px;
top: 200px;
left: 70px;
background: #801f82;
transform: translate(0%, 0%);
}
.technofin-hero-thumb.technofin-hero-thumb-4 .hero-dot {
position: absolute;
right: 70px;
bottom: 115px;
z-index: -1;
}

.technofin-hero-area-2 {
padding-top: 130px;
padding-bottom: 50px;
background: #fff;
position: relative;
overflow: hidden;
z-index: 10;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.technofin-hero-area-2 {
padding-top: 190px;
padding-bottom: 120px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-hero-area-2 {
padding-top: 190px;
padding-bottom: 120px;
}
}
@media (max-width: 767px) {
.technofin-hero-area-2 {
padding-top: 190px;
padding-bottom: 150px;
}
}
.technofin-hero-area-2 .technofin-hero-thumb-3 {
position: absolute;
right: 0;
bottom: 0;
width: 48%;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
.technofin-hero-area-2 .technofin-hero-thumb-3 {
width: 60%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-hero-area-2 .technofin-hero-thumb-3 {
width: 40%;
}
}
@media (max-width: 767px) {
.technofin-hero-area-2 .technofin-hero-thumb-3 {
width: 36%;
}
}
.technofin-hero-area-2 .hero-shape-1 {
position: absolute;
top: 250px;
left: 130px;
-webkit-animation: linear 20s animationFramesOne infinite;
animation: linear 20s animationFramesOne infinite;
z-index: -1;
}
.technofin-hero-area-2 .hero-shape-2 {
position: absolute;
bottom: 290px;
left: 40px;
-webkit-animation: linear 20s animationFramesFour infinite;
animation: linear 20s animationFramesFour infinite;
z-index: -1;
}
.technofin-hero-area-2 .hero-shape-3 {
position: absolute;
top: 480px;
right: 240px;
-webkit-animation: linear 20s animationFramesFive infinite;
animation: linear 20s animationFramesFive infinite;
z-index: -1;
}
.technofin-hero-area-2 .hero-shape-4 {
position: absolute;
top: 210px;
right: 0px;
-webkit-animation: linear 20s animationFramesThree infinite;
animation: linear 20s animationFramesThree infinite;
z-index: -1;
}

.technofin-hero-content-2 > span {
font-size: 16px;
font-weight: 500;
color: #fd8300;
position: relative;
}
.technofin-hero-content-2 > span::before {
position: absolute;
content: "";
left: 50%;
top: 40%;
transform: translate(-50%, -50%);
width: 130px;
height: 70px;
background-image: url(../images/hero-line.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.technofin-hero-content-2 .technofin-title {
font-size: 48px;
line-height: 65px;
font-weight: 600;
margin-top: 15px;
color: #241A10;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.technofin-hero-content-2 .technofin-title {
font-size: 50px;
line-height: 50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-hero-content-2 .technofin-title {
font-size: 50px;
line-height: 60px;
}
}
@media (max-width: 767px) {
.technofin-hero-content-2 .technofin-title {
font-size: 30px;
line-height: 40px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.technofin-hero-content-2 .technofin-title {
font-size: 40px;
line-height: 50px;
}
}
.technofin-hero-content-2 .technofin-title span {
font-weight: 700;
font-size: 55px;
line-height: 62px;
color: #fd8300;
}
.technofin-hero-content-2 p {
font-size: 18px;
color: #241A10;
font-weight: 400;
line-height: 30px;
margin-top: 22px;
}
.technofin-hero-content-2 .input-box {
position: relative;
margin-top: 40px;
width: 400px;
}
@media (max-width: 767px) {
.technofin-hero-content-2 .input-box {
width: 100%;
}
}
.technofin-hero-content-2 .input-box > i {
position: absolute;
left: 25px;
top: 50%;
transform: translateY(-50%);
color: #c3c3cc;
}
.technofin-hero-content-2 .input-box input {
width: 100%;
height: 60px;
border-radius: 40px;
border: 0;
border-left: 3px solid #fd8300;
padding-left: 55px;
box-shadow: -3px 0px 0px 0px rgba(255, 62, 102, 0.004), 0px 30px 30px 0px rgba(14, 17, 51, 0.1);
}
.technofin-hero-content-2 .input-box button {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
height: 50px;
width: 50px;
text-align: center;
line-height: 50px;
background: #fff;
border-radius: 50%;
border: 0;
color: #fd8300;
}
.technofin-hero-content-2 .hero-users {
display: flex;
align-items: center;
margin-top: 40px;
}
.technofin-hero-content-2 .hero-users > span {
margin-left: 20px;
font-size: 26px;
font-weight: 900;
color: #0e1133;
width: 60px;
display: inline-block;
line-height: 16px;
}
.technofin-hero-content-2 .hero-users > span span {
font-size: 13px;
font-weight: 500;
color: #505056;
display: inline-block;
line-height: 13px;
}

.technofin-page-title-area {
height: 350px;
background-image: url(../images/new/breadcumb-bg.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
display: flex;
align-items: center;
}
.technofin-page-title-area.technofin-page-service-title-area {
height: 650px;
background-image: url(../images/page-title-bg.jpg);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-page-title-area.technofin-page-service-title-area {
height: 500px;
}
}
@media (max-width: 767px) {
.technofin-page-title-area.technofin-page-service-title-area {
height: 400px;
}
}
.technofin-page-title-area.technofin-page-service-title-area .technofin-page-title-item .thumb {
right: 110px;
width: auto;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.technofin-page-title-area.technofin-page-service-title-area .technofin-page-title-item .thumb {
right: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-page-title-area.technofin-page-service-title-area .technofin-page-title-item .thumb {
display: none;
}
}
@media (max-width: 767px) {
.technofin-page-title-area.technofin-page-service-title-area .technofin-page-title-item .thumb {
display: none;
}
}

.technofin-page-title-item {
margin-top: 80px;
position: relative;
}
.technofin-page-title-item .thumb {
position: absolute;
right: 0;
bottom: -100px;
width: 160px;
}
@media (max-width: 767px) {
.technofin-page-title-item .thumb {
display: none;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.technofin-page-title-item .thumb {
display: block;
}
}
.technofin-page-title-item span {
color: #fff;
font-weight: 500;
opacity: 0.7;
padding-bottom: 14px;
}
.technofin-page-title-item .title {
color: #fff;
font-size: 44px;
font-weight: 700;
}
@media (max-width: 767px) {
.technofin-page-title-item .title {
font-size: 26px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.technofin-page-title-item .title {
font-size: 32px;
}
}
.technofin-page-title-item nav {
display: inline-block;
margin-top: 20px;
}
.technofin-page-title-item nav ol {
background: transparent;
padding: 0;
}
.technofin-page-title-item nav ol li a {
color: #fff;
opacity: 0.8;
}
.technofin-page-title-item nav ol li.active {
color: #fff;
opacity: 0.8;
}

/*===========================
4.technofin SERVOCE css 
===========================*/

.technofin-service-area.technofin-service-3-area {
background: none;
}
@media (max-width: 767px) {
.technofin-service-area.technofin-service-3-area {
padding-top: 100px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.technofin-service-area.technofin-service-3-area {
padding-top: 190px;
}
}

.technofin-single-service {
padding: 30px;
background: linear-gradient(136.91deg, #FDFCFA 18%, #F8F1ED 100%);
border-radius: 30px;
margin-top: 30px;
height: calc(100% - 30px);
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.technofin-single-service {
padding: 50px 15px 43px;
}
}
.technofin-single-service .icon {
display: inline-block;
border-radius: 50px;
padding: 10px;
text-align: center;
background: #fff;
}
.technofin-single-service .icon i{
color: #FD8300;
font-size: 35px;
padding: 20px;
}
.technofin-single-service .icon > span {
position: absolute;
right: -10px;
top: -10px;
height: 30px;
width: 30px;
background: #FD8300;
border-radius: 50%;
border: 2px solid #fff;
box-shadow: 0px 3px 6px 0px rgba(14, 17, 51, 0.1);
line-height: 28px;
color: #fff;
}
.technofin-single-service .technofin-title {
font-size: 25px;
font-weight: 600;
padding-top: 33px;
padding-bottom: 10px;
}
.technofin-single-service p{
font-size: 16px;
}
/*.technofin-single-service:hover {
box-shadow: 0px 40px 40px 0px rgba(14, 17, 51, 0.1);
transform: translateY(-15px);
}*/

.technofin-single-service.item-2 .icon span {
background: #f8452d;
}
/*.technofin-single-service.item-3 .icon {
background: linear-gradient(135deg, rgb(160, 234, 194) 0%, rgb(49, 195, 105) 100%);
}*/
.technofin-single-service.item-3 .icon span {
background: #31c369;
}
/*.technofin-single-service.item-4 .icon {
background: linear-gradient(135deg, rgb(216, 170, 255) 0%, rgb(155, 44, 250) 100%);
}*/
.technofin-single-service.item-4 .icon span {
background: #9b2cfa;
}
.technofin-single-service.technofin-single-services-3 {
background: #fff;
border-radius: 20px;
}

.technofin-single-service.technofin-single-services-3 a {
color: #505056;
font-size: 14px;
font-weight: 500;
margin-top: 25px;
}
.technofin-single-service.technofin-single-services-3 a:hover {
color: #ff6b58;
}
/*.technofin-single-service.technofin-single-services-3.item-2 {
background: linear-gradient(0deg, rgba(39, 153, 246, 0.08) 0%, rgba(255, 255, 255, 0.08) 100%);
}*/
/*.technofin-single-service.technofin-single-services-3.item-2 .icon {
background-image: -ms-linear-gradient(110deg, rgb(39, 153, 246) 0%, rgb(118, 193, 255) 100%);
}
.technofin-single-service.technofin-single-services-3.item-3 .icon {
background-image: -ms-linear-gradient(110deg, rgb(242, 51, 91) 0%, rgb(255, 113, 143) 100%);
}*/
/*.technofin-single-service.technofin-single-services-3.item-4 {
background: linear-gradient(0deg, rgba(119, 89, 237, 0.08) 0%, rgba(255, 255, 255, 0.08) 100%);
}*/
/*.technofin-single-service.technofin-single-services-3.item-4 .icon {
background-image: -ms-linear-gradient(110deg, rgb(119, 89, 237) 0%, rgb(172, 151, 255) 100%);
}*/
.technofin-single-service.technofin-single-services-3.technofin-single-services-5 a:hover {
color: #801f82;
}

@media (max-width: 767px) {
.technofin-services-2-area .technofin-section-title {
text-align: center !important;
}
}

.technofin-single-service-2 {
border: 1px solid #eef0f4;
border-radius: 10px;
padding: 48px;
transition: all 0.3s ease-out 0s;
}
@media (max-width: 767px) {
.technofin-single-service-2 {
text-align: center;
padding: 20px;
}
}
.technofin-single-service-2 .icon i {
height: 50px;
width: 50px;
text-align: center;
line-height: 50px;
background: #2eacfc;
color: #fff;
border-radius: 50%;
}
.technofin-single-service-2 .title {
font-size: 20px;
font-weight: 700;
margin-top: 30px;
margin-bottom: 30px;
}
.technofin-single-service-2 a {
font-size: 16px;
font-weight: 500;
color: #505056;
margin-top: 23px;
}
.technofin-single-service-2 a:hover {
color: #fd8300;
}
.technofin-single-service-2:hover {
box-shadow: 0px -3px 0px 0px rgba(234, 76, 137, 0.004), 0px 40px 40px 0px rgba(14, 17, 51, 0.1);
border-top: 3px solid #2eacfc;
transform: translateY(-10px);
}
.technofin-single-service-2.item-2 .icon i {
background: #ea4c89;
}
.technofin-single-service-2.item-2:hover {
border-top-color: #ea4c89;
}
.technofin-single-service-2.item-3 .icon i {
background: #3578ff;
}
.technofin-single-service-2.item-3:hover {
border-top-color: #3578ff;
}
.technofin-single-service-2.item-4 .icon i {
background: #f67741;
}
.technofin-single-service-2.item-4:hover {
border-top-color: #f67741;
}
.technofin-single-service-2.item-5 .icon i {
background: #6a88f7;
}
.technofin-single-service-2.item-5:hover {
border-top-color: #6a88f7;
}
.technofin-single-service-2.item-6 .icon i {
background: #3ab094;
}
.technofin-single-service-2.item-6:hover {
border-top-color: #3ab094;
}
.technofin-single-service-2.technofin-single-service-about {
border-radius: 0;
margin-bottom: 30px;
height: calc(100% - 30px);
padding: 30px;
border: 0;
box-shadow: 0px 0px 30px 0px rgb(186 186 186 / 26%);
text-align: center;
transition: all 0.3s ease-out 0s;
}
.technofin-single-service-2.technofin-single-service-about:hover{
box-shadow : 0px 40px 40px 0px rgba(14, 17, 51, 0.1);
border-top: 3px solid #FD8300;
transform: translateY(-10px);
}
.technofin-single-service-2.technofin-single-service-about p{
font-weight: 400;
font-size: 18px;
line-height: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.technofin-single-service-2.technofin-single-service-about {
padding-right: 30px;
}
}

.technofin-single-service-2.technofin-single-service-about .icon i {
background-color: #f1f7fe;
color: #FD8300;
border-radius: 35% 65% 50% 50%/59% 50% 50% 41%;
font-size: 20px;
}

.technofin-single-service-2.technofin-single-service-about.item-2 .icon i {
color: #FD8300;
background-color: #fef3f5;
border-radius: 50% 50% 50% 50%/50% 75% 25% 50%;
}
.technofin-single-service-2.technofin-single-service-about.item-3 .icon i {
color: #9b2cfa;
background-color: #f7eeff;
border-radius: 25% 75% 50% 50%/50% 50% 50% 50%;
}
.technofin-single-service-2.technofin-single-service-about.item-4 .icon i {
color: #f8452d;
background-color: #fef0ee;
border-radius: 40% 60% 40% 60%/40% 60% 40% 60%;
}
.technofin-single-service-2.technofin-single-service-about.item-5 .icon i {
color: #31c369;
background-color: #f4fcf7;
border-radius: 33% 67% 50% 50%/61% 72% 28% 39%;
}
.technofin-single-service-2.technofin-single-service-about.item-6 .icon i {
color: #f6ac0e;
background-color: #fef7e7;
border-radius: 21% 79% 58% 42%/50% 46% 54% 50%;
}

.technofin-services-6-area .technofin-section-title .main-btn:hover {
background: #9b2cfa;
border-color: #9b2cfa;
}
.technofin-services-6-area .technofin-single-service-2 a:hover {
color: #9b2cfa;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
.service-details-sidebar {
margin-right: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.service-details-sidebar {
margin-right: 0;
margin-bottom: 30px;
}
}
@media (max-width: 767px) {
.service-details-sidebar {
margin-right: 0;
margin-bottom: 30px;
}
}
.service-details-sidebar .service-category-widget {
border-radius: 6px;
box-shadow: 0px 30px 50px 0px rgba(14, 17, 51, 0.1);
padding: 30px;
margin-bottom: 30px;
}
.service-details-sidebar .service-category-widget ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.service-details-sidebar .service-category-widget ul li {
margin-bottom: 20px;
}
.service-details-sidebar .service-category-widget ul li i {
color: #FD8300;
width: 15px;
margin-right: 15px;
}
.service-details-sidebar .service-category-widget ul li:last-child {
margin-bottom: 0;
}
.service-details-sidebar .service-download-widget {
border-radius: 6px;
margin-top: 10px;
box-shadow: 0px 0px 50px 0px rgba(14, 17, 51, 0.1);
}
.service-details-sidebar .service-download-widget a {
padding: 13px 30px;
color: #505056;
}
.service-details-sidebar .service-download-widget a:hover {
color: #FD8300;
}
.service-details-sidebar .service-download-widget i {
color: #FD8300;
padding-right: 15px;
}

.service-details-content .thumb {
border-radius: 10px;
overflow: hidden;
}
.service-details-content .content {
padding-top: 34px;
}
.service-details-content .content .title {
font-size: 30px;
margin-bottom: 18px;
}
.service-details-content .content span {
font-size: 20px;
line-height: 30px;
color: #0e1133;
padding-top: 34px;
padding-bottom: 26px;
}

.technofin-services-8-area .service-thumb {
margin-left: -50px;
margin-right: -100px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-services-8-area .service-thumb {
display: none;
}
}
@media (max-width: 767px) {
.technofin-services-8-area .service-thumb {
display: none;
}
}

.technofin-services-9-area {
background: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-services-9-area {
padding-bottom: 60px;
}
}
.technofin-services-9-area .technofin-single-service.technofin-single-services-9 {
color: #505056;
font-size: 16px;
font-weight: 400;
line-height: 24px;
background-color: #f8f8f8;
border: 0;
padding: 33px 30px 53px 30px;
}
.technofin-services-9-area .technofin-single-service.technofin-single-services-9 .icon {
background: none !important;
box-shadow: none;
width: auto !important;
height: auto !important;
}
.technofin-services-9-area .technofin-single-service.technofin-single-services-9 .icon img {
width: 100px;
height: 100px;
}
.technofin-services-9-area .technofin-single-service.technofin-single-services-9 .icon span {
display: none;
}
.technofin-services-9-area .technofin-single-service.technofin-single-services-9 .technofin-title {
padding-top: 21px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-service-10-area {
padding-top: 90px;
padding-bottom: 20px;
}
}
@media (max-width: 767px) {
.technofin-service-10-area {
padding-top: 90px;
padding-bottom: 20px;
}
}

.technofin-service-2-10-area {
padding-top: 110px;
padding-bottom: 120px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-service-2-10-area {
padding-top: 90px;
padding-bottom: 100px;
}
}
@media (max-width: 767px) {
.technofin-service-2-10-area {
padding-top: 90px;
padding-bottom: 100px;
}
}

/*===========================
5.technofin FEATURES css 
===========================*/
.technofin-features-area {
position: relative;
z-index: 10;
overflow: hidden;
}
.technofin-features-area .features-shape-1 {
position: absolute;
left: 560px;
top: 130px;
-webkit-animation: animationFramesOne 20s linear infinite;
animation: animationFramesOne 20s linear infinite;
z-index: -1;
}
.technofin-features-area .features-shape-2 {
position: absolute;
left: 500px;
bottom: 0px;
-webkit-animation: animationFramesThree 20s linear infinite;
animation: animationFramesThree 20s linear infinite;
z-index: -1;
}
.technofin-features-area .features-shape-3 {
position: absolute;
right: 270px;
bottom: 0;
-webkit-animation: animationFramesFive 20s linear infinite;
animation: animationFramesFive 20s linear infinite;
z-index: -1;
}

.technofin-features-9-area {
padding-top: 100px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-features-9-area {
padding-top: 95px;
}
}
@media (max-width: 767px) {
.technofin-features-9-area {
padding-top: 95px;
}
}
.technofin-features-9-area .technofin-features-9-area-heading {
margin-bottom: 48px;
}
.technofin-features-9-area .technofin-features-9-area-heading span {
font-size: 25px;
color: #9836f2;
font-weight: 500;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-features-9-area .technofin-features-9-area-heading span {
font-size: 22px;
line-height: 28px;
}
}
@media (max-width: 767px) {
.technofin-features-9-area .technofin-features-9-area-heading span {
font-size: 18px;
line-height: 26px;
}
}
.technofin-features-9-area .technofin-features-9-area-heading h2 {
font-size: 44px;
line-height: 62px;
font-weight: 600;
margin-bottom: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-features-9-area .technofin-features-9-area-heading h2 {
font-size: 36px;
line-height: 46px;
}
}
@media (max-width: 767px) {
.technofin-features-9-area .technofin-features-9-area-heading h2 {
font-size: 26px;
line-height: 36px;
}
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
.technofin-features-9-area .technofin-features-9-area-thumb {
margin-left: 0px;
text-align: center;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-features-9-area .technofin-features-9-area-thumb {
margin-left: 0px;
text-align: center;
}
}
@media (max-width: 767px) {
.technofin-features-9-area .technofin-features-9-area-thumb {
margin-left: 0px;
text-align: center;
}
}
.technofin-features-9-area .technofin-features-9-area-thumb img {
max-width: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-features-tabs-btn .nav {
flex-direction: row !important;
justify-content: center;
margin-bottom: 40px;
}
}
@media (max-width: 767px) {
.technofin-features-tabs-btn .nav {
flex-direction: row !important;
justify-content: center;
margin-bottom: 40px;
}
}
.technofin-features-tabs-btn .nav a {
border-right: 3px solid #e8eaef;
border-radius: 0;
font-size: 15px;
font-weight: 500;
color: #505056;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-features-tabs-btn .nav a {
padding-right: 20px;
padding-left: 20px;
}
}
@media (max-width: 767px) {
.technofin-features-tabs-btn .nav a {
padding-right: 15px;
padding-left: 15px;
margin-bottom: 20px;
}
}
.technofin-features-tabs-btn .nav a i {
height: 35px;
width: 35px;
text-align: center;
line-height: 35px;
background: #f1f2f7;
color: #63636a;
display: inline-block;
border-radius: 50%;
margin-right: 10px;
}
.technofin-features-tabs-btn .nav a.active {
border-right-color: #FD8300;
background: transparent;
color: #FD8300;
}
.technofin-features-tabs-btn .nav a.active i {
color: #fff;
background: #FD8300;
}
.technofin-features-tabs-btn.technofin-features-9-tabs-btn a {
color: #241A10;
border-right: none;
padding: 15px 20px;
font-weight: 600;
font-size: 18px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-features-tabs-btn.technofin-features-9-tabs-btn a {
padding-right: 20px;
padding-left: 20px;
}
}
@media (max-width: 767px) {
.technofin-features-tabs-btn.technofin-features-9-tabs-btn a {
padding-right: 15px;
padding-left: 15px;
margin-bottom: 20px;
}
}
.technofin-features-tabs-btn.technofin-features-9-tabs-btn a i {
margin-right: 0px;
margin-left: 10px;
}
.technofin-features-tabs-btn.technofin-features-9-tabs-btn a.active {
border: 1px solid #FD8300;
background: transparent;
color: #FD8300;
border-bottom: none;

}
.technofin-features-tabs-btn.technofin-features-9-tabs-btn a.active i {
color: #fff;
background: #FF4245;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-features-content {
padding-top: 40px;
}
}
@media (max-width: 767px) {
.technofin-features-content {
padding-top: 30px;
}
}
.technofin-features-content span {
font-size: 14px;
font-weight: 500;
color: #FD8300;
margin-bottom: 8px;
}
.technofin-features-content .title {
font-size: 44px;
line-height: 54px;
margin-bottom: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.technofin-features-content .title {
font-size: 36px;
line-height: 44px;
}
}
@media (max-width: 767px) {
.technofin-features-content .title {
font-size: 30px;
line-height: 40px;
}
}
.technofin-features-content p {
font-size: 18px;
line-height: 28px;
padding-bottom: 30px;
}

.technofin-features-area-2 {
background: #0e1133;
position: relative;
overflow: hidden;
z-index: 10;
}
.technofin-features-area-2 .features-shape-1 {
position: absolute;
left: 240px;
top: 240px;
z-index: -1;
-webkit-animation: linear 20s animationFramesThree infinite;
animation: linear 20s animationFramesThree infinite;
}
.technofin-features-area-2 .features-shape-2 {
position: absolute;
right: 190px;
top: 160px;
z-index: -1;
-webkit-animation: linear 20s animationFramesFive infinite;
animation: linear 20s animationFramesFive infinite;
}
.technofin-features-area-2 .features-shape-3 {
position: absolute;
right: 160px;
bottom: 260px;
z-index: -1;
-webkit-animation: linear 20s animationFramesOne infinite;
animation: linear 20s animationFramesOne infinite;
}
.technofin-features-area-2.technofin-features-area-5 {
background: #fff;
}

.technofin-features-box-item {
border: 1px solid #202234;
padding: 25px 30px 30px 70px;
border-radius: 6px;
transition: all 0.3s ease-out 0s;
margin-bottom: 20px;
margin-left: 100px;
margin-right: 70px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.technofin-features-box-item {
margin-left: 0;
margin-right: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-features-box-item {
margin-left: 50px;
margin-right: 50px;
}
}
@media (max-width: 767px) {
.technofin-features-box-item {
margin-left: 0px;
margin-right: 0px;
padding-left: 60px;
}
}
.technofin-features-box-item .title {
color: #fff;
font-size: 24px;
font-weight: 700;
position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.technofin-features-box-item .title {
font-size: 20px;
}
}
@media (max-width: 767px) {
.technofin-features-box-item .title {
font-size: 20px;
}
}
.technofin-features-box-item .title::before {
position: absolute;
content: "";
left: -40px;
top: 0;
height: 30px;
width: 30px;
background: #fd8300;
border: 6px solid #2a182d;
border-radius: 50%;
}
.technofin-features-box-item p {
font-size: 14px;
opacity: 0.6;
color: #fff;
margin-top: 3px;
}
.technofin-features-box-item:hover {
border-color: #fd8300;
}
.technofin-features-box-item.item-2 .title::before {
background: #2eacfc;
border-color: #15233d;
}
.technofin-features-box-item.item-2:hover {
border-color: #2eacfc;
}
.technofin-features-box-item.item-3 .title::before {
background: #33c956;
border-color: #15262c;
}
.technofin-features-box-item.item-3:hover {
border-color: #33c956;
}
.technofin-features-box-item.technofin-features-box-5-item .title {
color: #0e1133;
}
.technofin-features-box-item.technofin-features-box-5-item .title::before {
border-color: rgba(9, 8, 8, 0.21);
}
.technofin-features-box-item.technofin-features-box-5-item p {
color: #505056;
opacity: 1;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-features-thumb {
text-align: center;
margin-top: 50px;
}
}
@media (max-width: 767px) {
.technofin-features-thumb {
text-align: center;
margin-top: 50px;
}
}

.technofin-features-6-area .technofin-features-tabs-btn .nav a.active {
color: #9b2cfa;
border-right-color: #9b2cfa;
}
.technofin-features-6-area .technofin-features-tabs-btn .nav a.active i {
background: #9b2cfa;
}
.technofin-features-6-area .technofin-features-content > span {
color: #9b2cfa;
}
.technofin-features-6-area .technofin-features-content a {
background: #9b2cfa;
border-color: #9b2cfa;
}
.technofin-features-6-area .technofin-features-content a:hover {
background: #fff;
color: #9b2cfa;
}

.technofin-features-9-tabs-content {
padding: 30px;
border: 1px solid #FD8300;
}
@media (max-width: 767px) {
.technofin-features-9-tabs-content {
padding-top: 0px;
}
}
.technofin-features-9-tabs-content p {
font-size: 16px;
line-height: 26px;
color: #505056;
padding-bottom: 40px;
}

/*===========================
6.technofin TRAFFICE css 
===========================*/

@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-traffic-area {
padding-bottom: 62px;
margin-bottom: 95px;
}
.technofin-traffic-area .row.mt-80 {
margin-top: 57px;
}
}
.technofin-traffic-area .traffic-thumb {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 42%;
}
@media (max-width: 767px) {
.technofin-traffic-area .traffic-thumb {
display: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-traffic-area .traffic-thumb {
display: none;
}
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
.technofin-traffic-area.technofin-traffic-9-area .traffic-content-left {
padding-left: 0px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-traffic-area.technofin-traffic-9-area .traffic-content-left {
padding-left: 0px;
}
}
@media (max-width: 767px) {
.technofin-traffic-area.technofin-traffic-9-area .traffic-content-left {
padding-left: 15px;
}
}
.technofin-traffic-area.technofin-traffic-9-area .traffic-content-right {
padding-right: 90px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.technofin-traffic-area.technofin-traffic-9-area .traffic-content-right {
padding-right: 0px;
}
}
.technofin-traffic-area.technofin-traffic-9-area .traffic-thumb {
position: relative;
right: auto;
left: auto;
transform: none;
width: 100%;
top: auto;
}
.technofin-traffic-area.technofin-traffic-9-area .traffic-thumb img {
max-width: none;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
.technofin-traffic-area.technofin-traffic-9-area .traffic-thumb img {
max-width: 100%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.technofin-traffic-area.technofin-traffic-9-area .traffic-thumb img {
max-width: 100%;
}
}
.technofin-traffic-area.technofin-traffic-9-area .traffic-thumb.traffic-thumb-left {
margin-left: -200px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
.technofin-traffic-area.technofin-traffic-9-area .traffic-thumb.traffic-thumb-left {
margin-left: 0px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.technofin-traffic-area.technofin-traffic-9-area .traffic-thumb.traffic-thumb-left {
margin-left: 0px;
}
}
.technofin-traffic-area.technofin-traffic-9-area .traffic-thumb.traffic-thumb-right {
margin-right: -200px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
.technofin-traffic-area.technofin-traffic-9-area .traffic-thumb.traffic-thumb-right {
margin-right: 0px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.technofin-traffic-area.technofin-traffic-9-area .traffic-thumb.traffic-thumb-right {
margin-right: 0px;
}
}
.technofin-traffic-area.technofin-traffic-9-area .technofin-traffic-service {
padding-right: 10px;
}

@media (max-width: 767px) {
.technofin-traffic-title {
padding-right: 0;
}
}
.technofin-traffic-title span {
font-size: 14px;
font-weight: 500;
color: #FD8300;
}
.technofin-traffic-title .title {
font-size: 48px;
line-height: 62px;
font-weight: 600;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.technofin-traffic-title .title {
font-size: 36px;
line-height: 46px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-traffic-title .title {
font-size: 36px;
line-height: 46px;
}
}
@media (max-width: 767px) {
.technofin-traffic-title .title {
font-size: 30px;
line-height: 40px;
}
}
.technofin-traffic-title.technofin-traffic-9-title {
padding-right: 0px;
margin-bottom: 28px;
}
.technofin-traffic-title.technofin-traffic-9-title span {
font-size: 25px;
color: #9836f2;
font-weight: 500;
margin-bottom: 5px;
}
@media (max-width: 767px) {
.technofin-traffic-title.technofin-traffic-9-title span {
font-size: 18px;
}
}
.technofin-traffic-title.technofin-traffic-9-title p {
font-size: 18px;
line-height: 28px;
margin-top: 27px;
}

.technofin-traffic-service {
position: relative;
padding-left: 40px;
padding-right: 70px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.technofin-traffic-service {
padding-right: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-traffic-service {
margin-bottom: 30px;
padding-right: 50px;
}
}
@media (max-width: 767px) {
.technofin-traffic-service {
margin-bottom: 30px;
padding-right: 0px;
}
}
.technofin-traffic-service .icon {
position: absolute;
left: 0;
top: 5px;
}
.technofin-traffic-service .icon i {
height: 26px;
width: 26px;
text-align: center;
line-height: 26px;
border-radius: 50%;
background: linear-gradient(135deg, #84bcfa 0%, #FD8300 100%);
color: #fff;
font-size: 14px;
box-shadow: 0px 6px 10px 0px rgba(16, 73, 189, 0.3);
}
.technofin-traffic-service .title {
font-size: 20px;
font-weight: 700;
padding-bottom: 7px;
}
.technofin-traffic-service p {
font-size: 15px;
}
.technofin-traffic-service.item-2 .icon i {
background: linear-gradient(135deg, rgb(247, 184, 175) 0%, rgb(248, 69, 45) 100%);
}
.technofin-traffic-service.item-3 .icon i {
background: linear-gradient(135deg, rgb(160, 234, 194) 0%, rgb(49, 195, 105) 100%);
}
.technofin-traffic-service.item-4 .icon i {
background: linear-gradient(135deg, rgb(216, 170, 255) 0%, rgb(155, 44, 250) 100%);
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
.traffic-btn {
margin-top: 30px;
}
}
@media (max-width: 767px) {
.traffic-btn {
text-align: center;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.traffic-btn {
text-align: left;
}
}
.traffic-btn a.main-btn {
background: transparent;
color: #0e1133;
border: 2px solid #e7eaef;
}
.traffic-btn a.main-btn i {
padding-left: 6px;
}
.traffic-btn a.main-btn:hover {
background: #FD8300;
color: #fff;
}

.technofin-traffic-area-dark {
background: none;
}

.technofin-mobile-title .title {
font-size: 44px;
line-height: 62px;
font-weight: 600;
margin-bottom: 30px;
}

/*===========================
6.technofin TRAFFICE css 
===========================*/
.technofin-testimonial-area {

background-position: center;
background-size: cover;
background-repeat: no-repeat;
}

.technofin-testimonial-slider-rtl .technofin-testimonial-item .author-info,
.technofin-testimonial-slider .technofin-testimonial-item .author-info {
margin-bottom: 15px;
display: flex;
align-items: center;
gap: 20px;
}
.technofin-testimonial-slider-rtl .technofin-testimonial-item .author-info img,
.technofin-testimonial-slider .technofin-testimonial-item .author-info img {
display: block;
width: 60px;
}
.technofin-testimonial-slider-rtl .technofin-testimonial-item .author-info .title,
.technofin-testimonial-slider .technofin-testimonial-item .author-info .title {
font-weight: 500;
font-size: 16px;
color: #000;
padding-top: 10px;
}
.technofin-testimonial-slider-rtl .technofin-testimonial-item .author-info span,
.technofin-testimonial-slider .technofin-testimonial-item .author-info span {
font-size: 14px;
color: #fff;
opacity: 0.5;
}
.technofin-testimonial-slider-rtl .technofin-testimonial-item .text p,
.technofin-testimonial-slider .technofin-testimonial-item .text p {
font-size: 20px;
line-height: 30px;
color: #fff;
}
.technofin-testimonial-slider-rtl .technofin-testimonial-item .text ul,
.technofin-testimonial-slider .technofin-testimonial-item .text ul {
margin: 10px 0 0;
padding: 0;
list-style-type: none;
}
.technofin-testimonial-slider-rtl .technofin-testimonial-item .text ul li,
.technofin-testimonial-slider .technofin-testimonial-item .text ul li {
display: inline-block;
margin: 0 2px;
}
.technofin-testimonial-slider-rtl .technofin-testimonial-item .text ul li i,
.technofin-testimonial-slider .technofin-testimonial-item .text ul li i {
color: #ffb848;
}
.technofin-testimonial-slider-rtl .slick-arrow,
.technofin-testimonial-slider .slick-arrow {
position: absolute;
top: 62%;
transform: translateY(-50%);
font-size: 30px;
color: #fff;
z-index: 11;
cursor: pointer;
opacity: 0.5;
}
.technofin-testimonial-slider-rtl .slick-arrow.prev,
.technofin-testimonial-slider .slick-arrow.prev {
left: -80px;
}
.technofin-testimonial-slider-rtl .slick-arrow.next,
.technofin-testimonial-slider .slick-arrow.next {
right: -80px;
}
.technofin-testimonial-slider-rtl .slick-dots,
.technofin-testimonial-slider .slick-dots {
position: absolute;
left: 50%;
bottom: -65px;
transform: translateX(-50%);
}
.technofin-testimonial-slider-rtl .slick-dots li,
.technofin-testimonial-slider .slick-dots li {
display: inline-block;
}
.technofin-testimonial-slider-rtl .slick-dots li button,
.technofin-testimonial-slider .slick-dots li button {
border: 0;
background: #CCCCCC;
height: 3px;
width: 20px;
border-radius: 3px;
font-size: 0;
margin: 0 4px;
}
.technofin-testimonial-slider-rtl .slick-dots li.slick-active button,
.technofin-testimonial-slider .slick-dots li.slick-active button {
background: #FD8300;
width: 30px;
}

.technofin-testimonial-2-box {
background-image: url(../images/testimonial-bg-2.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding: 120px 140px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.technofin-testimonial-2-box {
padding: 50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-testimonial-2-box {
padding: 50px 30px;
}
}
@media (max-width: 767px) {
.technofin-testimonial-2-box {
padding: 50px 30px;
}
}

.technofin-testimonial-slider-2 .slick-arrow {
position: absolute;
right: 0;
bottom: 0px;
height: 50px;
width: 50px;
text-align: center;
line-height: 50px;
border: 2px solid rgba(255, 255, 255, 0.2);
color: #fff;
border-radius: 50%;
z-index: 9;
cursor: pointer;
}
.technofin-testimonial-slider-2 .slick-arrow:hover {
background: #fd8300;
color: #fff;
border-color: #fd8300;
}
.technofin-testimonial-slider-2 .slick-arrow.prev {
right: 60px;
}
.technofin-testimonial-slider-2 .slick-arrow.next {
right: 0;
}

.technofin-testimonial-slider-2-item .item {
display: flex;
padding-right: 30px;
padding-left: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-testimonial-slider-2-item .item {
display: block;
}
}
@media (max-width: 767px) {
.technofin-testimonial-slider-2-item .item {
display: block;
padding-left: 0;
padding-right: 0;
}
}
.technofin-testimonial-slider-2-item .thumb {
text-align: center;
min-width: 140px;
margin-right: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-testimonial-slider-2-item .thumb {
margin-bottom: 30px;
margin-right: 0;
}
}
@media (max-width: 767px) {
.technofin-testimonial-slider-2-item .thumb {
margin-bottom: 30px;
margin-right: 0;
}
}
.technofin-testimonial-slider-2-item .thumb img {
display: inline-block;
border-radius: 50%;
box-shadow: 0px 20px 30px 0px rgba(0, 16, 49, 0.1);
margin-bottom: 13px;
}
.technofin-testimonial-slider-2-item .thumb ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.technofin-testimonial-slider-2-item .thumb ul li {
display: inline-block;
}
.technofin-testimonial-slider-2-item .thumb ul li i {
font-size: 14px;
color: #ffb848;
}
.technofin-testimonial-slider-2-item .thumb span {
font-size: 13px;
font-weight: 500;
color: #fff;
opacity: 0.7;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-testimonial-slider-2-item .content {
text-align: center;
}
}
@media (max-width: 767px) {
.technofin-testimonial-slider-2-item .content {
text-align: center;
}
}
.technofin-testimonial-slider-2-item .content p {
color: #fff;
font-size: 20px;
line-height: 30px;
}
@media (max-width: 767px) {
.technofin-testimonial-slider-2-item .content p {
font-size: 16px;
}
}
.technofin-testimonial-slider-2-item .content .author-info {
margin-top: 27px;
}
.technofin-testimonial-slider-2-item .content .author-info .title {
color: #fff;
font-size: 20px;
font-weight: 700;
}
.technofin-testimonial-slider-2-item .content .author-info span {
font-size: 14px;
color: #fff;
opacity: 0.7;
}

.technofin-testimonial-about-area {
background-image: url(../images/map-bg.png);
background-size: auto;
background-position: 50% 50%;
background-repeat: no-repeat;
}
.technofin-testimonial-about-area .technofin-section-title {
margin-bottom: 30px;
}
.technofin-testimonial-about-area .technofin-section-title .technofin-title {
padding: 0 30px;
}
.technofin-testimonial-about-area.technofin-testimonial-9-area .slick-arrow {
border-color: #9836f2;
color: #9836f2;
}
.technofin-testimonial-about-area.technofin-testimonial-9-area .slick-arrow:hover {
background-color: #9836f2;
}
.technofin-testimonial-about-area.technofin-testimonial-9-area .icon {
text-align: center;
}
.technofin-testimonial-about-area.technofin-testimonial-9-area .icon img {
display: inline-block;
}

.testimonial-about-slider-active .testimonial-box {
padding: 60px 100px 80px;
box-shadow: 0px 40px 60px 0px rgba(14, 17, 51, 0.1);
text-align: center;
background: #fff;
margin-left: 100px;
margin-right: 100px;
margin-bottom: 80px;
position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.testimonial-about-slider-active .testimonial-box {
padding: 60px 50px 80px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.testimonial-about-slider-active .testimonial-box {
margin-left: 50px;
margin-right: 50px;
padding: 30px 30px 50px;
}
}
@media (max-width: 767px) {
.testimonial-about-slider-active .testimonial-box {
margin-left: 0px;
margin-right: 0px;
padding: 30px 30px 50px;
}
}
.testimonial-about-slider-active .testimonial-box::before {
position: absolute;
content: "";
left: 50%;
top: 100%;
transform: translateX(-50%);
width: 0;
height: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-top: 20px solid #fff;
}
.testimonial-about-slider-active .testimonial-box .icon i {
font-size: 32px;
color: #4985ff;
}
.testimonial-about-slider-active .testimonial-box .ratings-icon {
padding-top: 25px;
padding-bottom: 20px;
}
.testimonial-about-slider-active .testimonial-box .ratings-icon ul li {
display: inline-block;
}
.testimonial-about-slider-active .testimonial-box .ratings-icon ul li i {
color: #faa116;
font-size: 14px;
}
.testimonial-about-slider-active .testimonial-box p {
font-size: 20px;
color: #0e1133;
line-height: 30px;
}
@media (max-width: 767px) {
.testimonial-about-slider-active .testimonial-box p {
font-size: 16px;
line-height: 26px;
}
}
.testimonial-about-slider-active .slick-arrow {
position: absolute;
top: 43%;
transform: translateY(-50%);
z-index: 9;
cursor: pointer;
height: 40px;
width: 40px;
text-align: center;
line-height: 36px;
border: 2px solid #FD8300;
color: #FD8300;
border-radius: 50%;
transition: all linear 0.3s;
background: #fff;
}
.testimonial-about-slider-active .slick-arrow:hover {
background: #FD8300;
color: #fff;
}
.testimonial-about-slider-active .slick-arrow.prev {
left: 80px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.testimonial-about-slider-active .slick-arrow.prev {
left: 0;
}
}
@media (max-width: 767px) {
.testimonial-about-slider-active .slick-arrow.prev {
left: -10px;
}
}
.testimonial-about-slider-active .slick-arrow.next {
right: 80px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.testimonial-about-slider-active .slick-arrow.next {
right: 0;
}
}
@media (max-width: 767px) {
.testimonial-about-slider-active .slick-arrow.next {
right: -10px;
}
}

.testimonial-box-about-slider-small-active {
margin-top: -40px;
}
.testimonial-box-about-slider-small-active .item {
padding-top: 20px;
padding-bottom: 50px;
}
.testimonial-box-about-slider-small-active .item .thumb {
max-width: 70px;
text-align: center;
}
.testimonial-box-about-slider-small-active .item .thumb img {
display: inline-block;
width: 40px;
}
.testimonial-box-about-slider-small-active .item .content {
display: none;
text-align: center;
}
.testimonial-box-about-slider-small-active .item .content .title {
font-size: 16px;
font-weight: 700;
white-space: nowrap;
}
.testimonial-box-about-slider-small-active .item .content span {
font-size: 13px;
font-weight: 500;
color: #888890;
white-space: nowrap;
}
.testimonial-box-about-slider-small-active .item.slick-center {
margin-top: -20px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.testimonial-box-about-slider-small-active .item.slick-center {
margin-top: -10px;
}
}
.testimonial-box-about-slider-small-active .item.slick-center .thumb {
max-width: 70px;
}
.testimonial-box-about-slider-small-active .item.slick-center .thumb img {
width: 70px;
}
.testimonial-box-about-slider-small-active .item.slick-center .content {
display: inline-block;
margin: 10px 0 0 -24px;
}

.technofin-testimonial-10-area {
padding-top: 120px;
padding-bottom: 120px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-testimonial-10-area {
padding-top: 100px;
padding-bottom: 100px;
}
}
@media (max-width: 767px) {
.technofin-testimonial-10-area {
padding-top: 100px;
padding-bottom: 100px;
}
}
.technofin-testimonial-10-area .technofin-testimonial-2-box {
background: url("../images/home-9-testimonial-bg.png");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}

/*===========================
7.technofin TEAM css 
===========================*/
.technofin-team-item .thumb {
position: relative;
z-index: 10;
overflow: hidden;
}
.technofin-team-item .thumb img {
transition: all 0.3s ease-out 0s;
width: 100%;
}
.technofin-team-item .thumb::before {
position: absolute;
content: "";
left: 0;
top: 0;
height: 100%;
width: 100%;
background: #000;
opacity: 0.5;
z-index: 9;
opacity: 0;
transition: all 0.3s ease-out 0s;
}
.technofin-team-item .thumb ul {
position: absolute;
left: 50%;
bottom: 30px;
transform: translateX(-50%);
margin: 0;
padding: 0;
list-style-type: none;
z-index: 11;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-out 0s;
}
.technofin-team-item .thumb ul li {
display: inline-block;
margin: 0 3px;
}
.technofin-team-item .thumb ul li a {
display: inline-block;
height: 36px;
width: 36px;
border: 2px solid rgba(255, 255, 255, 0.5);
text-align: center;
line-height: 36px;
border-radius: 50px;
color: #fff;
}
.technofin-team-item .thumb ul li a:hover {
background: #fff;
color: #FD8300;
border-color: #fff;
}
.technofin-team-item .content {
padding-top: 27px;
}
.technofin-team-item .content .title {
font-size: 18px;
font-weight: 700;
padding-bottom: 8px;
}
.technofin-team-item .content span {
font-size: 14px;
color: #81818d;
}
.technofin-team-item:hover .thumb::before {
opacity: 0.5;
}
.technofin-team-item:hover .thumb ul {
opacity: 1;
visibility: visible;
}
.technofin-team-item:hover .thumb img {
transform: scale(1.1);
}
.technofin-team-item.technofin-team-item-about .thumb {
border-radius: 6px;
overflow: hidden;
}
.technofin-team-item.technofin-team-item-about .thumb::before {
background-color: rgb(43, 112, 250);
}
.technofin-team-item.technofin-team-item-about .thumb ul {
left: 30px;
transform: translateX(0);
}
.technofin-team-item.technofin-team-item-about .thumb ul li a {
border-radius: 6px;
}
.technofin-team-item.technofin-team-item-about:hover .thumb::before {
opacity: 0.9;
}
.technofin-team-item.technofin-team-item-about.technofin-team-item-8 .thumb::before {
background: #FD8300;
}
.technofin-team-item.technofin-team-item-about.technofin-team-item-8 .thumb ul li a:hover {
color: #FD8300;
}

.team-btn a {
background: transparent;
color: #0e1133;
border: 2px solid #e7eaef;
}
.team-btn a i {
padding-left: 6px;
}
.team-btn a:hover {
background: #FD8300;
color: #fff;
}

.technofin-team-about-area .team-btn a {
border-color: #FD8300;
color: #FD8300;
}
.technofin-team-about-area .team-btn a:hover {
color: #fff;
}
.technofin-team-about-area.technofin-team-8-area .team-btn a {
border-color: #FD8300;
color: #FD8300;
}
.technofin-team-about-area.technofin-team-8-area .team-btn a:hover {
background: #FD8300;
color: #fff;
}

.technofin-team-9-area {
background: url("../images/home-9-team-bg.jpg");
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
padding-top: 120px;
padding-bottom: 130px;
}
.technofin-team-9-area .technofin-section-title .technofin-title {
color: #fff;
}
.technofin-team-9-area .technofin-section-title p {
color: #fff;
}
.technofin-team-9-area .technofin-team-item .thumb::before {
background: #FF4245;
}
.technofin-team-9-area .technofin-team-item .thumb ul li a:hover {
color: #ff4245;
}
.technofin-team-9-area .technofin-team-item .content .title {
color: #fff;
}
.technofin-team-9-area .technofin-team-item .content span {
color: #fff;
}
.technofin-team-9-area .team-btn .main-btn {
color: #fff;
}
.technofin-team-9-area .team-btn .main-btn:hover {
background: #FF4245;
border-color: #FF4245;
}

.technofin-team-10-area {
background: #eaf1fb;
padding-top: 110px;
padding-bottom: 120px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-team-10-area {
padding-top: 90px;
padding-bottom: 100px;
}
}
@media (max-width: 767px) {
.technofin-team-10-area {
padding-top: 90px;
padding-bottom: 100px;
}
}
.technofin-team-10-area .technofin-team-10-item {
padding: 10px;
background: #fff;
border-radius: 5px;
padding-bottom: 20px;
}
.technofin-team-10-area .technofin-team-10-item .thumb::before {
height: 70px;
bottom: 0px;
top: auto;
background: linear-gradient(90deg, #1580ff 0%, #05beff 100%);
}
.technofin-team-10-area .technofin-team-10-item .thumb ul {
width: 100%;
text-align: center;
top: auto;
bottom: 15px;
}
.technofin-team-10-area .technofin-team-10-item .thumb ul li a {
width: 35px;
height: 35px;
border-radius: 4PX;
border-color: transparent;
}
.technofin-team-10-area .team-btn a {
border-color: #FD8300;
color: #FD8300;
}
.technofin-team-10-area .team-btn a:hover {
color: #fff;
}

/*===========================
8.technofin PRICING css 
===========================*/
.technofin-pricing-area {
background: #eef1f6;
}

.technofin-pricing-9-area {
padding-top: 120px;
padding-bottom: 110px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-pricing-9-area {
padding-top: 100px;
padding-bottom: 60px;
}
}

.technofin-pricing-area {
position: relative;
z-index: 10;
}
.technofin-pricing-area .section-title {
padding-bottom: 48px;
}

.technofin-pricing-area .switch {
position: relative;
display: inline-block;
width: 60px;
height: 34px;
vertical-align: middle;
margin: 0;
}

.technofin-pricing-area .switch input {
display: none;
}

.technofin-pricing-area .slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
transition: 0.4s;
background: #fff;
}

.technofin-pricing-area .slider:before {
position: absolute;
content: "";
height: 26px;
width: 26px;
left: 4px;
bottom: 4px;
transform: translateX(0px);
background-color: #FD8300;
transition: 0.4s;
}

.technofin-pricing-area .switch.off .slider:before {
transform: translateX(26px);
}

.technofin-pricing-area .slider.round {
border-radius: 34px;
}

.technofin-pricing-area .slider.round:before {
border-radius: 50%;
}

.technofin-pricing-area ul.switch-toggler-list {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 40px;
}

.technofin-pricing-area ul.switch-toggler-list li a {
font-size: 14px;
font-weight: 500;
color: #505056;
padding-left: 20px;
padding-right: 20px;
display: block;
}

.technofin-pricing-area ul.switch-toggler-list li.active a {
color: #0e1133;
}

.pricing-one__single {
background: #fff;
padding: 40px 20px 40px;
border-radius: 20px;
position: relative;
transition: all 0.3s ease-out 0s;
border: 1px solid #A6A6A6;
height:100%;
text-align:center;

}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.pricing-one__single {
margin-bottom: 30px;
}
}
@media (max-width: 767px) {
.pricing-one__single {
margin-bottom: 30px;
}
}
.pricing-one__single .pricig-heading {
padding-bottom: 25px;
}
.pricing-one__single .pricig-heading h6 {
font-size: 28px;
line-height: 45px;
font-weight: 600;
margin-bottom: 17px;
text-align: center;
}
.pricing-one__single .pricig-heading .price-range {
font-size: 24px;
font-weight: 400;
color: #241A10;
text-align: center;
}
.pricing-one__single .pricig-heading .price-range sup {
font-size: 20px;
top: -20px;
color: #A6A6A6;
}
.pricing-one__single .pricig-heading .price-range span {
font-size: 30px;
line-height: 30px;
font-weight: 600;
}
.pricing-one__single .pricig-heading .price-range p {
display: inline-block;
font-size: 14px;
}
.pricing-one__single .pricig-heading > p {
font-size: 16px;
font-weight: 500;
color: #A6A6A6;
text-align: center;
}
.pricing-one__single .pricig-body {
padding: 30px;
background: #FBFAF9;
border-radius: 20px;
}
.pricing-one__single .pricig-body ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.pricing-one__single .pricig-body ul li {
font-size: 16px;
font-weight: 500;
color: #241A10;
display: flex;
align-items: center;
gap: 15px;
margin-bottom: 10px;
}
.pricing-one__single .pricig-body ul li i {
height: 26px;
width: 26px;
font-size: 12px;
font-weight: 600;
text-align: center;
line-height: 26px;
border-radius: 50%;
background: #effaf3;
color: #31c369;
}
.pricing-one__single .pricig-body .pricing-btn a {
background: transparent;
color: #fd8300;
box-shadow: 0px 4px 9px 0px #0000000D;
border: none;
display: block;
padding: 5px;
font-size: 16px;
}
.pricing-one__single .pricig-body .pricing-btn a:hover {
background: #f8452d;
color: #fff;
border-color: #f8452d;
}
.pricing-one__single .pricing-rebon {
position: absolute;
right: 30px;
top: -14px;
}
.pricing-one__single .pricing-rebon span {
font-size: 14px;
font-weight: 500;
color: #fff;
background: #f8452d;
line-height: 28px;
padding: 0 18px;
border-radius: 30px;
box-shadow: 0px 10px 20px 0px rgba(183, 30, 10, 0.3);
}
.pricing-one__single.center {
box-shadow: 0px 40px 40px 0px rgba(14, 17, 51, 0.1);
}
.pricing-one__single.center .pricig-body ul li i {
color: #f8452d;
}
.pricing-one__single.center .pricig-body .pricing-btn a {
background: #f8452d;
border-color: #f8452d;
color: #fff;
}
.pricing-one__single:hover {
box-shadow: 0px 40px 40px 0px rgba(14, 17, 51, 0.1);
}
.pricing-one__single.pricing-one__single_2 .pricig-body ul li i {
background: #fd8300;
color: #ffffff;
}

.pricing-one__single.pricing-one__single_2 .pricig-body .pricing-btn a:hover {
background: #fd8300;
border-color: #fd8300;
}
.pricing-one__single.pricing-one__single_2 .pricig-body .pricing-rebon {
right: 0;
top: 20px;
}
.pricing-one__single.pricing-one__single_2 .pricig-body .pricing-rebon span {
border-radius: 30px 0 0 30px;
background: #2a6df5;
box-shadow: none;
}
.pricing-one__single.pricing-one__single_2.active {
border-top: 3px solid #fd8300;
border:none;
box-shadow: 0px -3px 0px 0px rgba(255, 62, 102, 0.004), 0px 40px 40px 0px rgba(14, 17, 51, 0.1);
background: #fd8300;
height: 100%;
text-align:center;
}
.pricing-one__single.pricing-one__single_2.active h6, .pricing-one__single.pricing-one__single_2.active .pricig-heading .price-range, .pricing-one__single.pricing-one__single_2.active .pricig-heading .price-range sup, .pricing-one__single.pricing-one__single_2.active .pricig-heading > p{
color: #fff;
}
.pricing-one__single.pricing-one__single_2.active .pricig-body .pricing-btn a {
background: #fd8300;
border-color: #fd8300;
color: #fff;
}
.pricing-one__single.pricing-one__single_2.item-2 .pricig-body ul li i {
background: #effaf3;
color: #31c369;
}
.pricing-one__single.pricing-one__single_2:hover {
border-color: #fff;
border-top: 3px solid #fd8300;
transform: translateY(-10px);
}
.pricing-one__single.pricing-style-2 {
transition: all 0.3s ease;
border-top: 3px solid #fff;
}
.pricing-one__single.pricing-style-2:hover {
border-color: #FF4245;
transform: translateY(3px);
}
.pricing-one__single.pricing-style-2 .pricig-heading {
background: #f6f6f6;
border: none;
padding-left: 45px;
padding-top: 24px;
padding-bottom: 24px;
padding-right: 15px;
}
.pricing-one__single.pricing-style-2 .pricig-heading h6 {
margin-bottom: 4px;
}
.pricing-one__single.pricing-style-2 .pricig-heading .price-range {
margin-bottom: -6px;
}
.pricing-one__single.pricing-style-2 .pricig-body ul li.not-included {
opacity: 0.6;
}
.pricing-one__single.pricing-style-2 .pricig-body ul li i {
background: #f7effe;
color: #9836f2;
margin-right: 5px;
}
.pricing-one__single.pricing-style-2 .pricig-body .pricing-btn {
margin-top: 45px;
}
.pricing-one__single.pricing-style-2 .pricig-body .pricing-btn a.main-btn {
font-size: 14px;
line-height: 38px;
background-color: #FF4245;
color: #fff;
border-style: solid;
border-width: 2px 2px 2px 2px;
border-color: #FF4245;
padding: 0 34px 0 34px;
text-align: center;
}
.pricing-one__single.pricing-style-2 .pricig-body .pricing-btn a.main-btn:hover {
background: #fff;
border-color: #e7eaef;
color: #0e1133;
}
.pricing-one__single.pricing-style-2 .pricing-rebon {
top: 4px;
right: 0px;
}
.pricing-one__single.pricing-style-2 .pricing-rebon span {
font-size: 12px;
line-height: 20px;
background-color: #9735f1;
width: 120px;
height: 20px;
display: block;
text-align: center;
box-shadow: none;
border-radius: 10px 0 0 10px;
}

.technofin-pricing-2-area .technofin-section-title .nav {
display: inline-block !important;
border: 2px solid #e7eaef;
padding: 5px;
border-radius: 3px;
margin-top: 55px;
}
.technofin-pricing-2-area .technofin-section-title .nav li {
display: inline-block;
}
.technofin-pricing-2-area .technofin-section-title .nav li a {
border-radius: 3px;
font-weight: 600;
font-size: 16px;
color: #241A10;
padding: 15px 35px;
}
.technofin-pricing-2-area .technofin-section-title .nav li a.active {
color: #fff;
background: #fd8300;
}

.technofin-pricing-6-area .pricing-one__single .pricing-rebon span {
background: #9b2cfa;
box-shadow: none;
}
.technofin-pricing-6-area .pricing-one__single.center .pricig-body .pricing-btn a {
background: #9b2cfa;
border-color: #9b2cfa;
}

/*===========================
9.technofin FAQ css 
===========================*/

.faq-accrodion {
margin-top: 8px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.faq-accrodion {
margin-top: 30px;
}
}
@media (max-width: 767px) {
.faq-accrodion {
margin-top: 30px;
}
}
.faq-accrodion .accrodion {
position: relative;
transition: all 0.4s ease;
background-color: #fff;
border-radius: 6px;
overflow: hidden;
}
.faq-accrodion .accrodion::before {
content: "";
position: absolute;
top: -1px;
bottom: -1px;
left: 0px;
right: 0px;
border-radius: 0px;
transform: scaleX(0);
background-image: linear-gradient(90deg, var(--thm-primary) 0%, var(--thm-base) 100%);
border-radius: 5px;
transition: transform 0.4s ease;
}
.faq-accrodion .accrodion.active .accrodion-inner {
margin: 0 1px;
background-color: transparent;
border-color: #fff;
}
.faq-accrodion .accrodion.active::before {
transform: scaleX(1);
}
.faq-accrodion .accrodion.active .accrodion-title {
padding-bottom: 0;
}
.faq-accrodion .accrodion.active .accrodion-title::before {
opacity: 0;
}
.faq-accrodion .accrodion.active .accrodion-title::after {
opacity: 1;
color: #fff;
}
.faq-accrodion .accrodion .accrodion-inner {
background-color: #fff;
padding: 25px 0;
border-radius: 0px;
position: relative;
transition: all 0.4s ease;
overflow: hidden;
border-bottom: 0.5px solid #CCCCCC
}
.faq-accrodion .accrodion .accrodion-title {
padding: 0px 38px;
cursor: pointer;
position: relative;
transition: all 0.4s ease;
}
@media (max-width: 767px) {
.faq-accrodion .accrodion .accrodion-title {
padding: 0 38px 0 20px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.faq-accrodion .accrodion .accrodion-title::before {
right: 5px;
}
}
@media (max-width: 767px) {
.faq-accrodion .accrodion .accrodion-title::before {
right: 20px;
}
}
.faq-accrodion .accrodion .accrodion-title::after, .faq-accrodion .accrodion .accrodion-title::before {
position: absolute;
top: 0;
right: 30px;
opacity: 0;
transition: all 500ms ease;
height: 15px;
width: 15px;
text-align: center;
content: "";
background-size: contain;
background-image: url(../images/new/Symbol.png);
background-repeat: no-repeat;
background-position: center;
}

.faq-accrodion .accrodion .accrodion-title::before{
opacity: 1;
transform: rotate(90deg);
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.faq-accrodion .accrodion .accrodion-title::after {
right: 5px;
}
}
@media (max-width: 767px) {
.faq-accrodion .accrodion .accrodion-title::after {
right: 20px;
}
}
.faq-accrodion .accrodion .accrodion-title h4 {
margin: 0;
color: #241A10;
font-size: 18px;
font-weight: 600;
}
.faq-accrodion .accrodion .accrodion-content .inner {
padding: 0 38px;
padding-right: 35px;
padding-top: 22px;
padding-bottom: 0px;
}
@media (max-width: 767px) {
.faq-accrodion .accrodion .accrodion-content .inner {
padding: 0 38px 0 20px;
}
}
.faq-accrodion .accrodion .accrodion-content p {
margin: 0;
font-size: 14px;
line-height: 26px;
font-weight: 400;
}

.technofin-faq-8-area {
background: #eef1f6;
position: relative;
}
.technofin-faq-8-area .faq-accordion .accrodion .accrodion-inner .accrodion-title::before {
background: #fcecef;
color: #FD8300;
}
.technofin-faq-8-area .faq-accordion .accrodion .accrodion-inner .accrodion-title::after {
background: #FD8300;
color: #fff;
}
.technofin-faq-8-area .faq-play-box {
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 50%;
background-image: url(../images/faq-play-bg.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-faq-8-area .faq-play-box {
display: none;
}
}
@media (max-width: 767px) {
.technofin-faq-8-area .faq-play-box {
display: none;
}
}
.technofin-faq-8-area .faq-play-box .play-btn {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.technofin-faq-8-area .faq-play-box .play-btn a {
height: 80px;
width: 80px;
text-align: center;
line-height: 80px;
background: #fff;
border-radius: 50%;
color: #FD8300;
position: relative;
}
.technofin-faq-8-area .faq-play-box .play-btn a::before {
position: absolute;
content: "";
left: 0;
top: 0;
height: 100%;
width: 100%;
border: 1px solid #fff;
border-radius: 50%;
-webkit-animation: linear infinite popup 1.5s;
animation: linear infinite popup 1.5s;
}
.technofin-faq-8-area .faq-play-box .faq-play-counter {
position: absolute;
left: 0;
bottom: 0;
display: flex;
}
.technofin-faq-8-area .faq-play-box .faq-play-counter .box-1 {
background: rgba(42, 109, 245, 0.9);
padding: 50px 60px;
}
.technofin-faq-8-area .faq-play-box .faq-play-counter .box-1 .title {
font-size: 30px;
color: #fff;
}
.technofin-faq-8-area .faq-play-box .faq-play-counter .box-1 span {
font-size: 14px;
color: #d1dbfb;
}
.technofin-faq-8-area .faq-play-box .faq-play-counter .box-1.box-2 {
background: rgba(14, 17, 51, 0.9);
}

.technofin-faq-9-area {
background: #ECEFF4;
padding-bottom: 115px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-faq-9-area {
padding-bottom: 95px;
}
}
.technofin-faq-9-area .faq-accrodion .accrodion {
box-shadow: 0 40px 40px 0 rgba(14, 17, 51, 0.1);
}
.technofin-faq-9-area .faq-accrodion .accrodion .accrodion-inner {
border: none;
}
.technofin-faq-9-area .faq-accrodion .accrodion .accrodion-title::before {
color: #9735f1;
background: #e6ccff;
font-size: 20px;
}
.technofin-faq-9-area .faq-accrodion .accrodion.active .accrodion-title::after {
color: #fff;
background: #9836f2;
}
.technofin-faq-9-area .text-center a {
color: #9836f2;
}

/*===========================
10.technofin BLOG css 
===========================*/
.technofin-blog-item{
padding: 5px;
}
.technofin-blog-item .thumb {
overflow: hidden;
border-radius: 0px;
}
.technofin-blog-item .thumb img {
transition: all 0.3s ease-out 0s;
width: 100%;
}
.technofin-blog-item:hover .content{
box-shadow: 0px 0px 21px 0px rgb(162 162 162 / 28%);
background: #fff;
}
.technofin-blog-item .content {
padding: 50px 28px;
background: linear-gradient(136.91deg, #FDFCFA 18%, #F8F1ED 100%);
text-align: center;
}
.technofin-blog-item .content .blog-meta ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.technofin-blog-item .content .blog-meta ul li {
display: inline-block;
font-size: 14px;
padding-right: 22px;
position: relative;
}
.technofin-blog-item .content .blog-meta ul li a {
font-weight: 400;
color: #505056;
}
.technofin-blog-item .content .blog-meta ul li:nth-child(1)::before {
position: absolute;
content: "";
right: 8px;
top: 50%;
transform: translateY(-50%);
height: 5px;
width: 5px;
background: #FD8300;
border-radius: 50%;
}
.technofin-blog-item .content .title {
font-size: 24px;
font-weight: 500;
line-height: 34px;
margin-top: 2px;
}
.technofin-blog-item .content .title a {
color: #241A10;
}
.technofin-blog-item .content .title a:hover {
color: #FD8300;
}
.technofin-blog-item .content > a {
font-size: 16px;
font-weight: 500;
color: #241A10;
margin-top: 14px;
}
.technofin-blog-item .content > a i {
padding-left: 6px;
}
.technofin-blog-item .content > a:hover {
color: #FD8300;
}
.technofin-blog-item:hover .thumb img {
transform: scale(1.1);
}

.technofin-blog-3-area .blog-btn a {
background: transparent;
color: #0e1133;
border: 2px solid #e7eaef;
}
.technofin-blog-3-area .blog-btn a:hover {
background: #ff6b58;
border-color: #ff6b58;
color: #fff;
}
.technofin-blog-3-area.technofin-blog-6-area .blog-btn a:hover {
background: #9b2cfa;
border-color: #9b2cfa;
}
.technofin-blog-3-area.technofin-blog-8-area {
background: #eef1f6;
position: relative;
z-index: 10;
}
.technofin-blog-3-area.technofin-blog-8-area .technofin-blog-8-shape-1 {
position: absolute;
left: 0;
top: 0;
z-index: -1;
}
.technofin-blog-3-area.technofin-blog-8-area .technofin-blog-8-shape-2 {
position: absolute;
right: 0;
bottom: 340px;
z-index: -1;
}
.technofin-blog-3-area.technofin-blog-8-area .blog-btn a {
border-color: #FD8300;
color: #FD8300;
}
.technofin-blog-3-area.technofin-blog-8-area .blog-btn a:hover {
background: #FD8300;
color: #fff;
}

.technofin-blog-9-area {
padding-top: 110px;
padding-bottom: 110px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-blog-9-area {
padding-top: 90px;
padding-bottom: 90px;
}
}
.technofin-blog-9-area .technofin-blog-item .content .title a:hover {
color: #9836f2;
}
.technofin-blog-9-area .technofin-blog-item .content a:hover {
color: #9836f2;
}

.technofin-blog-item-3 {
box-shadow: 0px 15px 50px 0px rgba(14, 17, 51, 0.1);
border-radius: 10px;
padding: 35px;
display: flex;
align-items: center;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.technofin-blog-item-3 {
padding: 15px;
}
}
@media (max-width: 767px) {
.technofin-blog-item-3 {
padding: 15px;
display: block;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.technofin-blog-item-3 {
display: flex;
}
}
.technofin-blog-item-3 .thumb {
max-width: 120px;
min-width: 120px;
border-radius: 6px;
overflow: hidden;
margin-right: 30px;
}
@media (max-width: 767px) {
.technofin-blog-item-3 .thumb {
max-width: 100%;
min-width: 100%;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.technofin-blog-item-3 .thumb {
max-width: 120px;
min-width: 120px;
}
}
.technofin-blog-item-3 .thumb img {
width: 100%;
transition: all linear 0.3s;
}
.technofin-blog-item-3 .content {
padding-right: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.technofin-blog-item-3 .content {
padding-right: 0;
}
}
@media (max-width: 767px) {
.technofin-blog-item-3 .content {
padding-right: 0;
margin-top: 20px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.technofin-blog-item-3 .content {
padding-right: 50px;
margin-top: 0;
}
}
.technofin-blog-item-3 .content .title {
font-size: 22px;
line-height: 32px;
margin-bottom: 8px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.technofin-blog-item-3 .content .title {
font-size: 18px;
line-height: 28px;
}
}
.technofin-blog-item-3 .content .title a {
color: #0e1133;
}
.technofin-blog-item-3 .content .title a:hover {
color: #ff6b58;
}
.technofin-blog-item-3 .content ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.technofin-blog-item-3 .content ul li {
display: inline-block;
font-size: 14px;
font-weight: 400;
color: #505056;
margin-right: 22px;
}
.technofin-blog-item-3 .content ul li i {
padding-right: 6px;
}
.technofin-blog-item-3 .content ul li a {
color: #505056;
font-size: 14px;
font-weight: 400;
}
.technofin-blog-item-3:hover .thumb img {
transform: scale(1.1);
}
.technofin-blog-item-3.technofin-blog-item-6 .content .title a:hover {
color: #9b2cfa;
}
.technofin-blog-item-3.technofin-blog-item-8 {
background: #fff;
}
.technofin-blog-item-3.technofin-blog-item-8 .content .title a:hover {
color: #FD8300;
}

/*--------------------------------------------------------
/ 7. Blog Page
/---------------------------------------------------------*/
.blogpage-section {
position: relative;
padding: 100px 0;
}

.bisylms-pagination {
position: relative;
z-index: 3;
margin: 10px 0 0;
}

.bisylms-pagination a, .bisylms-pagination span {
font-size: 14px;
color: #FD8300;
font-weight: 600;
line-height: 40px;
background: rgba(88, 56, 252, 0.1);
width: 40px;
height: 40px;
border-radius: 3px;
text-align: center;
display: inline-block;
padding: 0 0;
margin: 0 5px 0 0;
transition: all 0.4s ease;
}

.bisylms-pagination a:hover, .bisylms-pagination .current {
color: #fff;
background: #FD8300;
box-shadow: 0px 20px 30px 0px rgba(26, 8, 119, 0.24);
}

.bisylms-pagination a.next, .bisylms-pagination a.prev {
width: auto;
padding: 0 15px;
text-transform: capitalize;
}

.bisylms-pagination a.next i {
font-size: 18px;
position: relative;
top: 4px;
margin-left: 9px;
}

.bisylms-pagination a.prev i {
font-size: 18px;
position: relative;
top: 4px;
margin-right: 9px;
}

/*--- Sidebar ---*/
.blog-sidebar {
position: relative;
margin-left: 30px;
}

.blog-sidebar .widget {
position: relative;
border: 1px solid #ebecf1;
border-radius: 10px;
margin: 0 0 30px;
padding: 32px 30px 37px;
}

.blog-sidebar .widget .widget-title {
color: #2c234d;
font-size: 18px;
line-height: 24px;
text-transform: capitalize;
border-bottom: 1px solid #cfd2de;
display: inline-block;
position: relative;
padding-bottom: 15px;
margin: 0 0 17px;
}

.blog-sidebar .widget.widget-search {
padding: 0;
border: none;
border-radius: 0;
background: transparent;
}

.blog-sidebar .widget.widget-search .widget-title {
display: none;
}

.search-form {
position: relative;
}

.search-form input[type=search] {
width: 100%;
height: 50px;
font-size: 14px;
line-height: 50px;
border-radius: 3px;
font-weight: 500;
border: none;
background: #f1f0f5;
color: #8f8d98;
outline: none;
padding: 0 25px;
}

.search-form input[type=search]::-moz-placeholder {
color: #8f8d98;
opacity: 1;
}

.search-form input[type=search]::-ms-input-placeholder {
color: #8f8d98;
opacity: 1;
}

.search-form input[type=search]::-webkit-input-placeholder {
color: #8f8d98;
opacity: 1;
}

.search-form button {
font-size: 16px;
line-height: 52px;
color: #2c234d;
background: transparent;
border: none;
outline: none;
margin: 0;
padding: 0;
position: absolute;
right: 17px;
top: 0;
z-index: 2;
transition: all 0.4s ease;
}

.search-form button:hover {
color: #FD8300;
}

.blog-sidebar .widget ul {
margin: 0;
padding: 0;
}

.blog-sidebar .widget ul li {
list-style: none;
display: block;
font-size: 14px;
line-height: 40px;
font-weight: 600;
color: #5d5a67;
position: relative;
padding-left: 25px;
}

.blog-sidebar .widget ul li:before {
position: absolute;
left: 0;
top: 0;
content: "\f105";
font-family: "Font Awesome 5 Pro";
font-size: 20px;
line-height: 40px;
font-weight: 300;
color: #b2b0bc;
}

.blog-sidebar .widget ul li a {
color: inherit;
display: inline-block;
}

.blog-sidebar .widget ul li a:hover {
color: #FD8300;
}

.blog-sidebar .widget ul li span {
color: #b2b0bc;
margin-left: 9px;
}

.popular-post {
position: relative;
min-height: 70px;
padding-left: 90px;
margin: 9px 0 24px;
}

.popular-post:last-child {
margin-bottom: 0;
}

.popular-post img {
width: 70px;
height: 70px;
position: absolute;
border-radius: 3px;
left: 0;
top: 4px;
}

.popular-post h5 {
font-size: 15px;
line-height: 20px;
color: #2c234d;
margin: 0 0 12px;
font-weight: 700;
}

.popular-post h5 a {
color: inherit;
}

.popular-post h5 a:hover {
color: #FD8300;
}

.popular-post span {
display: block;
font-size: 13px;
line-height: 0.8;
color: #7e7c87;
font-weight: 600;
}

.tags {
position: relative;
}

.tags a {
display: inline-block;
height: 34px;
background: #f8f8f8;
border-radius: 3px;
text-align: center;
font-size: 13px;
color: #797781;
line-height: 34px;
padding: 0 15px;
font-weight: 600;
margin: 10px 6px 0 0;
}

.tags a:hover {
background: #FD8300;
color: #fff;
}

/*--------------------------------------------------------
/ 8. Single Blog Page
/---------------------------------------------------------*/
.single-p-banner {
padding-top: 158px;
background-position: top center;
}

.post-cate {
position: relative;
z-index: 2;
display: inline-block;
color: #fff;
line-height: 0.8;
text-transform: uppercase;
font-size: 12px;
text-transform: uppercase;
margin: 0 0 20px;
}

.post-cate:hover {
color: #fff;
}

.single-p-banner .banner-title {
line-height: 60px;
margin-bottom: 16px;
}

.single-p-banner .bp-meta {
position: relative;
z-index: 2;
margin: 0;
padding: 0;
}

.single-p-banner .bp-meta a i,
.single-p-banner .bp-meta a {
color: #fff;
}

.single-post-area {
position: relative;
}

.single-post-area p {
line-height: 30px;
margin: 0 0 30px;
}

.post-thumb {
position: relative;
margin: 42px 0 35px;
}

.post-thumb img {
width: auto;
max-width: 100%;
height: auto;
border-radius: 10px;
}

.article-title {
font-size: 30px;
line-height: 34px;
color: #2c234d;
margin: 0 0 15px;
}

blockquote {
width: 100%;
position: relative;
margin: 0px 0;
padding: 20px 90px 30px 20px;
background: #f8f8f8;
border-radius: 10px;
box-shadow: -4px 0px 0px 0px rgb(253, 131, 0);
}

blockquote:before {
position: absolute;
left: 50px;
top: 68px;
/*  content: ",,";*/
font-family: "Open Sans", sans-serif;
font-size: 100px;
line-height: 25px;
color: #FD8300;
letter-spacing: -5px;
transform: rotate(180deg);
}

blockquote:after {
position: absolute;
right: 44px;
bottom: 100px;
content: ",,";
font-family: "Open Sans", sans-serif;
font-size: 150px;
line-height: 25px;
color: #f0f0f0;
letter-spacing: -20px;
}

blockquote p {
font-size: 18px !important;
line-height: 32px;
color: #241A10;
font-weight: 600;
margin: 0 0 10px;
}

blockquote cite {
display: block;
font-size: 14px;
line-height: 24px;
color: #797781;
font-style: normal;
}

.single-post-area blockquote p {
line-height: 32px;
margin: 0 0 18px;
}

.post-tags {
position: relative;
display: flex;
justify-content: flex-start;
}

.post-tags h5 {
font-size: 14px;
color: #2c234d;
font-weight: 600;
margin: 7px 20px 0 0;
}

.post-tags a {
display: inline-block;
height: 30px;
background: #f8f8f8;
border-radius: 3px;
text-align: center;
font-size: 13px;
color: #797781;
line-height: 30px;
padding: 0 18px;
font-weight: 600;
margin: 0 10px 0 0;
}

.post-tags a:hover {
background: #FD8300;
color: #fff;
}

.post-share {
position: relative;
border-top: 1px solid #ebecf2;
padding: 30px 0 0;
margin: 20px 0 0;
display: flex;
justify-content: flex-start;
}

.post-share h5 {
font-size: 14px;
color: #2c234d;
font-weight: 600;
margin: 13px 20px 0 0;
}

.post-share a {
display: inline-block;
width: 40px;
height: 40px;
background: #446bb9;
color: #fff;
border-radius: 50%;
text-align: center;
line-height: 42px;
font-size: 14px;
margin-right: 6px;
}

.post-share a.fac {
background: #446bb9;
}

.post-share a.twi {
background: #00aced;
}

.post-share a.goo {
background: #ea4335;
}

.post-share a:hover {
box-shadow: 0px 10px 20px 0px rgba(9, 111, 150, 0.3);
}

.post-admin {
position: relative;
margin: 84px 0;
padding: 44px 40px 55px 150px;
background: transparent;
border-radius: 10px;
box-shadow: -4px 0px 0px 0px rgb(88, 56, 252);
}

.post-admin img {
position: absolute;
left: 40px;
top: 40px;
width: 70px;
height: 70px;
border-radius: 50%;
}

.post-admin a {
display: inline-block;
font-size: 18px;
line-height: 22px;
color: #2c234d;
font-weight: 700;
margin: 0 0 7px;
}

.post-admin span {
display: block;
font-size: 14px;
color: #797781;
font-weight: 400;
line-height: 0.8;
margin-bottom: 27px;
}

.post-admin p {
font-size: 16px;
line-height: 26px;
color: #5d5a67;
margin: 0;
}

.comment-area {
position: relative;
margin: 80px 0 66px;
}

.comment-area h3 {
font-size: 20px;
line-height: 0.8;
color: #2c234d;
margin: 0 0 30px;
}

.comment-list {
margin: 0;
padding: 0;
}

.comment-list li {
list-style: none;
display: block;
margin: 0 0 0;
}

.comment-list .children {
margin: 0 0 0;
padding-left: 100px;
}

.single-comment {
position: relative;
padding-left: 100px;
padding-top: 7px;
padding-bottom: 30px;
}

.c-border {
border-bottom: 1px solid #ebecf2;
margin-top: 24px;
}

.single-comment img {
width: 70px;
height: 70px;
border-radius: 50%;
position: absolute;
left: 0;
top: 0;
}

.children .single-comment img {
width: 50px;
height: 50px;
}

.children .single-comment {
padding-left: 80px;
}

.single-comment h5 {
font-size: 16px;
line-height: 22px;
margin-bottom: 7px;
}

.single-comment h5 a {
color: inherit;
}

.single-comment h5 a:hover {
color: #FD8300;
}

.single-comment span {
display: block;
font-size: 13px;
line-height: 0.8;
font-weight: 600;
color: #797781;
margin: 0 0 24px;
}

.comment {
position: relative;
margin: 0 0 14px;
}

.comment p {
font-size: 14px;
line-height: 24px;
color: #686875;
margin: 0;
}

.single-comment .comment-reply-link {
display: inline-block;
font-size: 12px;
line-height: 0.8;
color: #FD8300;
font-weight: 600;
}

.single-comment .comment-reply-link i {
font-size: 16px;
margin-right: 11px;
font-weight: 600;
position: relative;
top: 2px;
}

.single-comment .comment-reply-link:hover {
color: #2c234d;
}

.comment-form-area {
position: relative;
}

.comment-form-area h3 {
color: #2c234d;
font-size: 20px;
line-height: 24px;
margin-bottom: 9px;
}

.comment-form-area p {
font-size: 14px;
line-height: 24px;
color: #686875;
margin: 0 0 43px;
}

.comment-form {
position: relative;
}

.comment-form input[type=text],
.comment-form input[type=number],
.comment-form input[type=url],
.comment-form textarea,
.comment-form input[type=email] {
width: 100%;
height: 56px;
font-size: 14px;
line-height: 56px;
font-weight: 400;
border-radius: 3px;
border: none;
background: #f5f5f7;
color: #7e7c87;
outline: none;
border: 1px solid transparent;
padding: 0 20px;
margin-bottom: 20px;
transition: all 0.3s ease;
}

.comment-form textarea {
height: 180px;
resize: none;
line-height: 30px;
padding-top: 14px;
}

.comment-form textarea::-moz-placeholder,
.comment-form input[type=text]::-moz-placeholder,
.comment-form input[type=url]::-moz-placeholder,
.comment-form input[type=number]::-moz-placeholder,
.comment-form input[type=email]::-moz-placeholder {
color: #7e7c87;
opacity: 1;
}

.comment-form textarea::-ms-input-placeholder,
.comment-form input[type=text]::-ms-input-placeholder,
.comment-form input[type=url]::-ms-input-placeholder,
.comment-form input[type=number]::-ms-input-placeholder,
.comment-form input[type=email]::-ms-input-placeholder {
color: #7e7c87;
opacity: 1;
}

.comment-form textarea::-webkit-input-placeholder,
.comment-form input[type=text]::-webkit-input-placeholder,
.comment-form input[type=url]::-webkit-input-placeholder,
.comment-form input[type=number]::-webkit-input-placeholder,
.comment-form input[type=email]::-webkit-input-placeholder {
color: #7e7c87;
opacity: 1;
}

.comment-form textarea:focus,
.comment-form input[type=url]:focus,
.comment-form input[type=text]:focus,
.comment-form input[type=number]:focus,
.comment-form input[type=email]:focus {
background: transparent;
border-color: #ece9f9;
box-shadow: 0px 14px 16px 0px rgba(11, 2, 55, 0.1);
}

.comment-form button,
.comment-form input[type=submit] {
height: 50px;
border-radius: 3px;
background: #FD8300;
color: #fff;
text-align: center;
border: none;
outline: none;
padding: 0 36px;
font-size: 13px;
line-height: 50px;
font-weight: 600;
transition: all 0.3s ease;
}

.comment-form button:hover,
.contact-form input[type=submit]:hover {
box-shadow: 0px 20px 30px 0px rgba(26, 8, 119, 0.24);
}

.save-comment {
position: relative;
margin: 5px 0 25px;
}

.save-comment input[type=checkbox] {
display: none;
}

.save-comment label {
font-size: 14px;
line-height: 24px;
letter-spacing: 0;
font-weight: 400;
padding-left: 31px;
position: relative;
cursor: pointer;
color: #686875;
margin: 0 0 0;
}

.save-comment label:before {
background: transparent;
content: "";
height: 16px;
left: 0;
position: absolute;
border-radius: 3px;
top: 3px;
width: 16px;
border: 2px solid #ababb1;
transition: all 0.3s ease;
}

.save-comment input:checked + label::after {
background: transparent;
bottom: 0;
font-family: "ElegantIcons";
content: "N";
color: #FD8300;
font-size: 10px;
left: 2px;
position: absolute;
top: -1px;
transition: all 0.3s ease;
}

.post-item-1 {
position: relative;
background: #fff;
border-radius: 10px;
margin-bottom: 30px;
transition: all 0.4s ease;
box-shadow: 0px 2px 4px 0px rgba(21, 14, 56, 0.08);
}

.post-item-1 img {
width: 100%;
height: auto;
border-radius: 10px 10px 0 0;
}

.b-post-details {
position: relative;
padding: 30px 35px 37px;
}

.bp-meta {
position: relative;
display: flex;
justify-content: flex-start;
margin: 0 0 15px;
}

.bp-meta a {
display: inline-block;
font-size: 14px;
line-height: 0.8;
color: #505056;
font-weight: 600;
margin-right: 30px;
}

.bp-meta a i {
color: #FD8300;
margin-right: 9px;
position: relative;
top: 1px;
}

.bp-meta a:last-child {
margin-right: 0;
}

.bp-meta a:hover {
color: #FD8300;
}

.b-post-details h3 {
font-size: 20px;
line-height: 30px;
margin-bottom: 16px;
padding-top: 10px;
font-weight: 700;
}

.b-post-details h3 a {
color: inherit;
}

.b-post-details h3 a:hover {
color: #FD8300;
}

.post-item-1:hover {
box-shadow: 0px 30px 50px 0px rgba(11, 2, 55, 0.1);
}

.b-post-details a.read-more {
font-size: 14px;
font-weight: 700;
color: #505056;
}
.b-post-details a.read-more i {
padding-left: 8px;
}
.b-post-details a.read-more:hover {
color: #FD8300;
}

/*===========================
10.technofin PROJECT css 
===========================*/
.technofin-project-area .technofin-project-box {
background-image: url(../images/project-bg.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding-left: 70px;
padding-top: 75px;
padding-bottom: 85px;
position: relative;
overflow: hidden;
border-radius: 10px;
}
@media (max-width: 767px) {
.technofin-project-area .technofin-project-box {
padding-left: 30px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.technofin-project-area .technofin-project-box {
padding-left: 70px;
}
}
.technofin-project-area .technofin-project-box .technofin-project-thumb {
position: absolute;
right: 70px;
bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.technofin-project-area .technofin-project-box .technofin-project-thumb {
right: 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-project-area .technofin-project-box .technofin-project-thumb {
display: none;
}
}
@media (max-width: 767px) {
.technofin-project-area .technofin-project-box .technofin-project-thumb {
display: none;
}
}

.technofin-project-content {
padding-right: 50px;
}
.technofin-project-content .title {
color: #fff;
font-size: 50px;
line-height: 60px;
padding-bottom: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.technofin-project-content .title {
font-size: 36px;
line-height: 46px;
}
}
@media (max-width: 767px) {
.technofin-project-content .title {
font-size: 30px;
line-height: 40px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.technofin-project-content .title {
font-size: 36px;
line-height: 46px;
}
}
.technofin-project-content p {
color: #fff;
opacity: 0.8;
}
.technofin-project-content .input-box {
display: flex;
}
@media (max-width: 767px) {
.technofin-project-content .input-box {
display: block;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.technofin-project-content .input-box {
display: flex;
}
}
.technofin-project-content .input-box input {
width: 100%;
height: 50px;
padding-left: 30px;
border-radius: 6px;
border: 0;
}
.technofin-project-content .input-box button {
margin-left: 10px;
padding: 0 30px;
border-radius: 6px;
padding: 0 25px;
background: #0e1133;
border: 0;
color: #fff;
line-height: 50px;
}
@media (max-width: 767px) {
.technofin-project-content .input-box button {
margin-top: 20px;
margin-left: 0;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.technofin-project-content .input-box button {
margin-top: 0px;
margin-left: 10px;
}
}

.technofin-project-3-area.technofin-project-5-area {
background: #eef1f6;
}

.technofin-project-3-box {
background-image: url(../images/project-bg-2.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
border-radius: 10px;
padding: 55px 70px;
box-shadow: 0px 40px 50px 0px rgba(138, 16, 0, 0.3);
margin-bottom: -110px;
position: relative;
overflow: hidden;
z-index: 10;
}
@media (max-width: 767px) {
.technofin-project-3-box {
text-align: center;
}
}
.technofin-project-3-box .title {
color: #fff;
font-size: 46px;
line-height: 56px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-project-3-box .title {
font-size: 36px;
line-height: 46px;
}
}
@media (max-width: 767px) {
.technofin-project-3-box .title {
font-size: 35px;
line-height: 46px;
margin-bottom: 30px;
}
}
.technofin-project-3-box a {
background: #fff;
color: #0e1133;
border-color: #fff;
line-height: 55px;
padding: 0 40px;
}

.technofin-project-10-area .technofin-project-3-box {
background: url("../images/apppie-projects-9.png");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
box-shadow: 0px 40px 50px 0px rgba(7, 121, 254, 0.21);
}
.technofin-project-10-area .technofin-project-3-box a {
border: none;
}

/*===========================
10.technofin FOOTER css 
===========================*/
.technofin-footer-area {
/*  background: #eef1f6;*/
padding-top: 20px;
border-top: 2px solid #B6BCCD
}
.technofin-footer-area.technofin-footer-3-area {
padding-top: 180px;
}
.technofin-footer-area.technofin-footer-3-area.technofin-footer-5-area {
background: #fff;
}
.technofin-footer-area.technofin-footer-about-area {
padding-top: 230px;
}
.technofin-footer-area.technofin-footer-about-area.technofin-footer-8-area {
background: #fff;
}
.technofin-footer-area.technofin-footer-about-area.technofin-footer-8-area .footer-about-widget .social ul li a {
border: 2px solid #e6e7ea;
}
.technofin-footer-area.technofin-footer-about-area.technofin-footer-8-area .footer-about-widget .social ul li a:hover {
background: #FD8300;
border-color: #FD8300;
color: #fff;
}
.technofin-footer-area.technofin-footer-about-area.technofin-footer-8-area .footer-navigation ul li a:hover {
color: #FD8300;
}
.technofin-footer-area.technofin-footer-about-area.technofin-footer-8-area .footer-widget-info ul li a i {
color: #FD8300;
}
.technofin-footer-area.technofin-footer-about-area.technofin-footer-8-area .footer-copyright .apps-download-btn ul li a {
background: #0e1133;
color: #fff;
border-color: #0e1133;
}
.technofin-footer-area.technofin-footer-about-area.technofin-footer-8-area .footer-copyright .apps-download-btn ul li a:hover {
background: #fff;
color: #0e1133;
}
.technofin-footer-area.technofin-footer-about-area.technofin-footer-8-area .footer-copyright .apps-download-btn ul li a.item-2 {
background: #fff;
color: #0e1133;
}
.technofin-footer-area.technofin-footer-about-area.technofin-footer-8-area .footer-copyright .apps-download-btn ul li a.item-2:hover {
background: #0e1133;
color: #fff;
border-color: #0e1133;
}
.technofin-footer-area.technofin-footer-9-area .footer-about-widget .social ul li a:hover {
background: #FF4245;
}
.technofin-footer-area.technofin-footer-9-area .footer-navigation ul li a:hover {
color: #FF4245;
}
.technofin-footer-area.technofin-footer-9-area .footer-widget-info ul li a i {
color: #FF4245;
}

.footer-about-widget {
padding-right: 70px;
margin-top: 30px;
}
@media (max-width: 767px) {
.footer-about-widget {
text-align: center;
padding-right: 0;
}
}
.footer-about-widget p {
padding-top: 25px;
}
.footer-about-widget > a {
font-size: 15px;
font-weight: 500;
color: #0e1133;
margin-top: 15px;
}
.footer-about-widget > a i {
padding-left: 6px;
}
.footer-about-widget .social ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.footer-about-widget .social ul li {
display: inline-block;
}
.footer-about-widget .social ul li a {
height: 36px;
width: 36px;
text-align: center;
background: #fff;
color: #0e1133;
border-radius: 6px;
line-height: 36px;
margin-right: 5px;
}
.footer-about-widget .social ul li a:hover {
background: #FD8300;
color: #fff;
}
.footer-about-widget.footer-about-widget-2 ul li a:hover {
color: #fd8300;
}
.footer-about-widget.footer-about-widget-3 ul li a:hover {
background: #ff6b58;
}
.footer-about-widget.footer-about-widget-6 ul li a:hover {
background: #9b2cfa;
}
.footer-about-widget.footer-about-widget-5 ul li a:hover {
background: #801f82;
}

.footer-navigation {
margin-top: 30px;
}
@media (max-width: 767px) {
.footer-navigation {
text-align: center;
}
}
.footer-navigation .title {
font-size: 18px;
font-weight: 600;
margin-bottom: 18px;
color: #4B5162;
}
.footer-navigation ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.footer-navigation ul li a {
color: #4B5162;
font-size: 16px;
font-weight: 400;
margin-bottom: 12px;
}
.footer-navigation ul li a:hover {
color: #FD8300;
}
.footer-navigation.footer-navigation-2 ul li a:hover {
color: #fd8300;
}
.footer-navigation.footer-navigation-3 ul li a:hover {
color: #ff6b58;
}
.footer-navigation.footer-navigation-6 ul li a:hover {
color: #9b2cfa;
}
.footer-navigation.footer-navigation-5 ul li a:hover {
color: #801f82;
}

.footer-widget-info {
margin-top: 30px;
}
@media (max-width: 767px) {
.footer-widget-info {
text-align: center;
}
}
.footer-widget-info .title {
font-size: 18px;
font-weight: 600;
margin-bottom: 18px;
color: #4B5162;
}
.footer-widget-info ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.footer-widget-info ul li a {
color: #4B5162;
font-size: 16px;
font-weight: 400;
margin-bottom: 12px;
position: relative;
}
.footer-widget-info ul li a:hover{
color: #fd8300;
}
.footer-widget-info ul li a i {
position: absolute;
left: 0;
top: 0;
color: #FD8300;
}

.footer-widget-info1 ul li {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 12px;
}
.footer-widget-info1 ul li a {
color: #241A10 !important;
font-size: 16px;
font-weight: 500;
position: relative;
}
.footer-widget-info1 ul li a:hover{
color: #fd8300 !important;
}
.footer-widget-info1 ul li i {
color: #fd8300;
font-weight: 600;
}

.footer-copyright {
padding-top: 20px;
border-top: 1px solid #e1e5ec;
margin-top: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer-copyright {
display: block !important;
text-align: center;
}
}
@media (max-width: 767px) {
.footer-copyright {
display: block !important;
text-align: center;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer-copyright .apps-download-btn {
margin-bottom: 20px;
}
}
@media (max-width: 767px) {
.footer-copyright .apps-download-btn {
margin-bottom: 20px;
}
}
.footer-copyright .apps-download-btn ul {
padding: 0;
list-style-type: none;
}
.footer-copyright .apps-download-btn ul li {
display: inline-block;
margin-right: 8px;
}
@media (max-width: 767px) {
.footer-copyright .apps-download-btn ul li {
margin-bottom: 20px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.footer-copyright .apps-download-btn ul li {
margin-bottom: 0px;
}
}
.footer-copyright .apps-download-btn ul li a {
background: #fff;
color: #0e1133;
line-height: 40px;
padding: 0 23px;
border-radius: 6px;
border: 2px solid #fff;
}
.footer-copyright .apps-download-btn ul li a i {
padding-right: 6px;
}
.footer-copyright .apps-download-btn ul li a:hover {
background: transparent;
color: #0e1133;
border-color: #e7eaef;
}
.footer-copyright .apps-download-btn ul li a.item-2 {
background: transparent;
color: #0e1133;
border-color: #e7eaef;
}
.footer-copyright .apps-download-btn ul li a.item-2:hover {
background: #fff;
color: #0e1133;
}

.technofin-error-area {
padding-top: 250px;
}

.technofin-error-content span {
display: block;
font-size: 50px;
color: #FD8300;
font-weight: 800;
padding-top: 40px;
}
.technofin-error-content .title {
font-size: 50px;
font-weight: 800;
color: #0e1133;
padding-bottom: 11px;
}
.technofin-error-content p {
line-height: 26px;
color: #505056;
font-size: 16px;
padding: 0 50px;
}
.technofin-error-content a {
border: 2px solid #FD8300;
line-height: 45px;
padding: 0 35px;
border-radius: 6px;
margin-top: 30px;
}

.technofin-signup-area.technofin-signup-8-area {
background: #eef1f6;
}
.technofin-signup-area.technofin-signup-8-area .technofin-signup-box form .input-box button {
background: #FD8300;
}
.technofin-signup-area.technofin-signup-9-area {
background: none;
margin-bottom: 120px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-signup-area.technofin-signup-9-area {
margin-bottom: 100px;
}
}
.technofin-signup-area.technofin-signup-9-area .technofin-signup-box {
background: url("../images/home-subs-bg.jpg");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
margin-bottom: 0px;
}

.technofin-signup-box {
background-image: url(../images/signup-bg.jpg);
padding: 63px 100px 60px;
border-radius: 10px;
box-shadow: 0px 40px 50px 0px rgba(0, 24, 72, 0.3);
overflow: hidden;
position: relative;
margin-bottom: -160px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-signup-box {
padding: 30px 50px;
}
}
@media (max-width: 767px) {
.technofin-signup-box {
padding: 30px;
}
}
.technofin-signup-box .thumb {
position: absolute;
right: 70px;
bottom: 30px;
width: 160px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-signup-box .thumb {
display: none;
}
}
@media (max-width: 767px) {
.technofin-signup-box .thumb {
display: none;
}
}
.technofin-signup-box span {
color: #fff;
font-weight: 500;
}
.technofin-signup-box .title {
font-size: 46px;
color: #fff;
padding-bottom: 20px;
}
@media (max-width: 767px) {
.technofin-signup-box .title {
font-size: 30px;
}
}
.technofin-signup-box form {
display: flex;
flex-wrap: wrap;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-signup-box form {
flex-direction: column;
}
}
@media (max-width: 767px) {
.technofin-signup-box form {
flex-direction: column;
}
}
.technofin-signup-box form .input-box {
margin-right: 10px;
margin-top: 10px;
}
.technofin-signup-box form .input-box input {
width: 300px;
background: #fff;
line-height: 55px;
border-radius: 6px;
padding-left: 30px;
border: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-signup-box form .input-box input {
width: 100%;
}
}
@media (max-width: 767px) {
.technofin-signup-box form .input-box input {
width: 100%;
}
}
.technofin-signup-box form .input-box button {
background: #FD8300;
line-height: 55px;
border: 0;
color: #fff;
border-radius: 6px;
padding: 0 45px;
font-weight: 500;
}

.technofin_checkbox_common {
margin-top: 15px;
}

.technofin_checkbox_common label {
color: #fff;
font-size: 14px;
margin-bottom: 12px;
cursor: pointer;
font-weight: 400;
}

.technofin_checkbox_common label a {
text-decoration: underline;
color: #b3b6bc;
}

.technofin_checkbox_common input[type=checkbox] {
display: none;
}

.technofin_checkbox_common input[type=checkbox] + label span {
display: inline-block;
width: 20px;
height: 20px;
margin: -1px 15px 0 0;
vertical-align: middle;
cursor: pointer;
border-radius: 50%;
border: 2px solid #fff;
position: relative;
}

.technofin_checkbox_common input[type=checkbox] + label span:before {
color: #fff;
content: "\f00c";
font-family: "Font Awesome 5 Pro";
font-size: 11px;
position: absolute;
text-align: center;
left: 3px;
top: -1px;
transform: scale(0);
transition: 0.2s;
}

.technofin_checkbox_common input[type=checkbox]:checked + label span {
background: #2079ff;
border-color: #2079ff;
}

.technofin_checkbox_common input[type=checkbox]:checked + label span:before {
transform: scale(1);
}

.technofin_checkbox_common input[type=checkbox] + label span,
.technofin_checkbox_common input[type=checkbox]:checked + label span {
transition: background-color 0.2s linear;
}

.technofin_checkbox_common.checkbox_style2 input[type=checkbox] + label span {
border-radius: 3px;
}

.technofin-footer-10-area .footer-about-widget .social ul li a:hover {
background: #FD8300;
}
.technofin-footer-10-area .footer-navigation ul li a:hover {
color: #FD8300;
}

/*===========================
11.technofin ABOUT css 
===========================*/
.technofin-about-box {
background: #f0f1f7;
padding: 70px;
overflow: hidden;
position: relative;
}
@media (max-width: 767px) {
.technofin-about-box {
padding: 30px;
text-align: center;
}
}
.technofin-about-box .about-thumb {
position: absolute;
left: 0;
top: -65px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-about-box .about-thumb {
position: static;
}
}
@media (max-width: 767px) {
.technofin-about-box .about-thumb {
display: none;
}
}

.technofin-about-content {
padding-right: 50px;
}
@media (max-width: 767px) {
.technofin-about-content {
padding-right: 0;
}
}
.technofin-about-content span {
font-size: 14px;
font-weight: 500;
color: #fd8300;
}
.technofin-about-content .title {
font-size: 44px;
line-height: 54px;
margin-top: 8px;
margin-bottom: 12px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.technofin-about-content .title {
font-size: 32px;
line-height: 42px;
}
}
@media (max-width: 767px) {
.technofin-about-content .title {
font-size: 30px;
line-height: 40px;
}
}

.technofin-about-service {
position: relative;
padding-left: 40px;
}
@media (max-width: 767px) {
.technofin-about-service {
text-align: left;
}
}
.technofin-about-service .icon {
position: absolute;
left: 0;
top: 5px;
}
.technofin-about-service .icon i {
height: 26px;
width: 26px;
text-align: center;
line-height: 26px;
border-radius: 50%;
color: #fff;
background: #31c369;
}
.technofin-about-service .title {
font-size: 20px;
font-weight: 700;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.technofin-about-service .title {
font-size: 16px;
}
}
.technofin-about-service p {
font-size: 15px;
margin-top: 8px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.technofin-about-service p {
font-size: 14px;
}
}


@media (max-width: 767px) {
.technofin-about-3-area .technofin-traffic-title {
text-align: center;
padding-right: 0;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.technofin-about-3-area .technofin-traffic-title {
text-align: left;
padding-right: 0px;
}
}
.technofin-about-3-area .technofin-traffic-title .title {
margin-bottom: 15px;
}
.technofin-about-3-area .technofin-traffic-service {
padding-left: 0;
padding-right: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.technofin-about-3-area .technofin-traffic-service {
padding-right: 0;
}
}
@media (max-width: 767px) {
.technofin-about-3-area .technofin-traffic-service {
text-align: center;
padding-right: 30px;
padding-left: 30px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.technofin-about-3-area .technofin-traffic-service {
text-align: left;
padding-right: 50px;
padding-left: 0;
}
}
.technofin-about-3-area .technofin-traffic-service .icon {
position: static;
background-image: linear-gradient(120deg, rgb(43, 112, 250) 0%, rgb(132, 188, 250) 100%);
background-image: -ms-linear-gradient(120deg, rgb(43, 112, 250) 0%, rgb(132, 188, 250) 100%);
display: inline-block;
height: 50px;
width: 50px;
text-align: center;
border-radius: 50%;
line-height: 50px;
box-shadow: 0px 6px 10px 0px rgba(16, 73, 189, 0.3);
margin-bottom: 23px;
}
.technofin-about-3-area .technofin-traffic-service.item-2 .icon {
background-image: linear-gradient(120deg, rgb(49, 195, 105) 0%, rgb(160, 234, 194) 100%);
background-image: -ms-linear-gradient(120deg, rgb(49, 195, 105) 0%, rgb(160, 234, 194) 100%);
}
.technofin-about-3-area .technofin-traffic-service.item-3 .icon {
background-image: linear-gradient(120deg, rgb(155, 44, 250) 0%, rgb(216, 170, 255) 100%);
background-image: -ms-linear-gradient(120deg, rgb(155, 44, 250) 0%, rgb(216, 170, 255) 100%);
}
.technofin-about-3-area .technofin-traffic-service.item-4 .icon {
background-image: linear-gradient(120deg, rgb(248, 69, 45) 0%, rgb(247, 184, 175) 100%);
background-image: -ms-linear-gradient(120deg, rgb(248, 69, 45) 0%, rgb(247, 184, 175) 100%);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-about-3-area.technofin-about-10-area {
padding-bottom: 100px;
}
}
@media (max-width: 767px) {
.technofin-about-3-area.technofin-about-10-area {
padding-top: 80px;
padding-bottom: 100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-about-3-area.technofin-about-10-area .row.mt-120 {
margin-top: 100px;
}
}
@media (max-width: 767px) {
.technofin-about-3-area.technofin-about-10-area .row.mt-120 {
margin-top: 100px;
}
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
.technofin-about-3-area.technofin-about-10-area .technofin-about-thumb-left {
margin-left: 0px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.technofin-about-3-area.technofin-about-10-area .technofin-about-thumb-left {
margin-left: 0px;
margin-right: 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-about-3-area.technofin-about-10-area .technofin-about-thumb-left {
margin-left: 0px;
margin-right: 0px;
}
}
@media (max-width: 767px) {
.technofin-about-3-area.technofin-about-10-area .technofin-about-thumb-left {
margin-left: 0px;
margin-right: 0px;
}
}
.technofin-about-3-area.technofin-about-10-area .technofin-about-thumb-right {
margin-right: -220px;
margin-left: 65px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
.technofin-about-3-area.technofin-about-10-area .technofin-about-thumb-right {
margin-right: 0px;
margin-left: 0px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.technofin-about-3-area.technofin-about-10-area .technofin-about-thumb-right {
margin-right: 0px;
margin-left: 0px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-about-3-area.technofin-about-10-area .technofin-about-thumb-right {
margin-left: 0px;
margin-right: 0px;
}
}
@media (max-width: 767px) {
.technofin-about-3-area.technofin-about-10-area .technofin-about-thumb-right {
margin-left: 0px;
margin-right: 0px;
}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-about-thumb-3 {
margin-bottom: 40px;
}
}
@media (max-width: 767px) {
.technofin-about-thumb-3 {
margin-bottom: 40px;
}
}
.technofin-about-thumb-3 img {
width: 100%;
}

.technofin-about-top-title-area {
padding-top: 227px;
}

.technofin-about-top-title {
padding-right: 65px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.technofin-about-top-title {
padding-right: 0;
}
}
@media (max-width: 767px) {
.technofin-about-top-title {
padding-right: 0;
}
}
.technofin-about-top-title .title {
font-size: 60px;
position: relative;
z-index: 10;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.technofin-about-top-title .title {
font-size: 52px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-about-top-title .title {
font-size: 44px;
}
}
@media (max-width: 767px) {
.technofin-about-top-title .title {
font-size: 32px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.technofin-about-top-title .title {
font-size: 40px;
}
}
.technofin-about-top-title .title::before {
position: absolute;
content: "";
left: 0;
bottom: 8px;
width: 100%;
height: 20px;
background: #ff6e85;
z-index: -1;
}
.technofin-about-top-title p {
font-size: 20px;
color: #0e1133;
padding-top: 18px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.technofin-about-top-title p {
font-size: 16px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-about-top-title p {
font-size: 16px;
}
}
@media (max-width: 767px) {
.technofin-about-top-title p {
font-size: 16px;
}
}

.technofin-about-page-area {
padding-top: 462px;
padding-bottom: 100px;
background-image: url(../images/about-page-bg.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
margin-top: 345px;
}
@media (max-width: 767px) {
.technofin-about-page-area {
margin-top: 80px;
padding-top: 80px;
}
}

.technofin-about-page-content {
position: relative;
}
.technofin-about-page-content .title {
font-size: 36px;
font-weight: 700;
color: #fff;
}
.technofin-about-page-content p {
color: #fff;
padding-top: 15px;
opacity: 0.7;
}
.technofin-about-page-content a {
color: #fff;
border: 2px solid #fff;
border-radius: 10px;
line-height: 40px;
padding: 0 30px;
font-size: 14px;
font-weight: 500;
margin-top: 43px;
}
.technofin-about-page-content a:hover {
background: #fff;
color: #FD8300;
}
.technofin-about-page-content::before {
position: absolute;
content: "";
left: 0;
top: -710px;
height: 645px;
width: 80vw;
background-image: url(../images/about-page-thumb.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.technofin-about-page-content::before {
width: 94vw;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-about-page-content::before {
width: 100%;
}
}
@media (max-width: 767px) {
.technofin-about-page-content::before {
display: none;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.technofin-about-page-content::before {
width: 100%;
height: 400px;
display: block;
}
}

.technofin-how-it-work-content > .title {
font-size: 44px;
}
.technofin-how-it-work-content p {
font-size: 18px;
padding-top: 9px;
}
.technofin-how-it-work-content .how-it-work-box {
position: relative;
padding-left: 70px;
margin-top: 45px;
}
.technofin-how-it-work-content .how-it-work-box span {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
height: 50px;
width: 50px;
text-align: center;
line-height: 50px;
border-radius: 50%;
background: #eef4ff;
color: #FD8300;
font-size: 22px;
font-weight: 500;
}
.technofin-how-it-work-content .how-it-work-box .title {
font-size: 18px;
font-weight: 500;
}
.technofin-how-it-work-content .how-it-work-box:hover span {
background: #FD8300;
box-shadow: 0px 14px 20px 0px rgba(0, 43, 130, 0.3);
color: #fff;
}

.technofin-about-8-area {
background-image: url(../images/background-bg.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}

.technofin-about-8-box {
padding: 50px 50px 145px;
background: #fff;
border-radius: 6px;
box-shadow: 0px 40px 40px 0px rgba(14, 17, 51, 0.1);
position: relative;
overflow: hidden;
z-index: 10;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.technofin-about-8-box {
padding: 50px 25px 145px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-about-8-box {
margin-bottom: 30px;
}
}
@media (max-width: 767px) {
.technofin-about-8-box {
margin-bottom: 30px;
padding: 50px 20px 145px;
}
}
.technofin-about-8-box .thumb {
position: absolute;
right: 0;
bottom: 0;
z-index: -1;
}
.technofin-about-8-box .title {
font-size: 30px;
line-height: 40px;
font-weight: 500;
margin-bottom: 14px;
}
@media (max-width: 767px) {
.technofin-about-8-box .title {
font-size: 24px;
line-height: 34px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.technofin-about-8-box .title {
font-size: 30px;
line-height: 40px;
}
}
.technofin-about-8-box a {
border: 2px solid #FD8300;
color: #FD8300;
background: #fff;
margin-top: 30px;
}
.technofin-about-8-box a:hover {
color: #fff;
background: #FD8300;
border-color: #FD8300;
}

/*===========================
12.technofin COUNTER css 
===========================*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-counter-area {
padding-bottom: 100px;
}
}
@media (max-width: 767px) {
.technofin-counter-area {
padding-bottom: 100px;
}
}
.technofin-counter-area.technofin-counter-5-area {
background: #eef1f6;
}

.technofin-single-counter {
padding: 30px;
position: relative;
background: #fff;
height: 160px;
background-image: -ms-linear-gradient(140deg, rgb(221, 244, 253) 0%, rgb(234, 249, 255) 100%);
border-radius: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.technofin-single-counter {
padding: 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-single-counter {
margin-bottom: 90px;
}
}
@media (max-width: 767px) {
.technofin-single-counter {
margin-bottom: 90px;
}
}
.technofin-single-counter .counter-content {
background: #fff;
text-align: center;
border-radius: 6px;
box-shadow: 0px 30px 40px 0px rgba(0, 41, 57, 0.1);
padding-top: 37px;
padding-bottom: 40px;
}
.technofin-single-counter .counter-content .title {
font-size: 40px;
font-weight: 400;
margin-top: 5px;
}
.technofin-single-counter .counter-content .title span {
font-weight: 700;
}
.technofin-single-counter .counter-content p {
font-size: 14px;
font-weight: 500;
}
.technofin-single-counter.item-2 {
background-image: -ms-linear-gradient(140deg, rgb(253, 234, 211) 0%, rgb(255, 247, 238) 100%);
}
.technofin-single-counter.item-2 .counter-content {
box-shadow: 0px 30px 40px 0px rgba(56, 31, 0, 0.1);
}
.technofin-single-counter.item-3 {
background-image: -ms-linear-gradient(140deg, rgb(218, 254, 219) 0%, rgb(240, 252, 240) 100%);
}
.technofin-single-counter.item-3 .counter-content {
box-shadow: 0px 30px 40px 0px rgba(0, 74, 1, 0.1);
}
.technofin-single-counter.item-4 {
background-image: -ms-linear-gradient(140deg, rgb(254, 218, 244) 0%, rgb(252, 239, 247) 100%);
}
.technofin-single-counter.item-4 .counter-content {
box-shadow: 0px 30px 40px 0px rgba(74, 0, 54, 0.1);
}

.technofin-counter-10-area {
background: url("../images/technofin-counter-9-bg.jpg");
background-size: cover;
background-repeat: no-repeat;
padding-top: 115px;
padding-bottom: 115px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-counter-10-area {
padding-top: 68px;
padding-bottom: 90px;
}
}
@media (max-width: 767px) {
.technofin-counter-10-area {
padding-top: 68px;
padding-bottom: 90px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-counter-10-area .technofin-single-10-counter {
margin-top: 30px;
}
}
@media (max-width: 767px) {
.technofin-counter-10-area .technofin-single-10-counter {
margin-top: 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-counter-10-area .single-counter-icon {
text-align: center;
}
}
@media (max-width: 767px) {
.technofin-counter-10-area .single-counter-icon {
text-align: center;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-counter-10-area .single-counter-content {
text-align: center;
}
}
@media (max-width: 767px) {
.technofin-counter-10-area .single-counter-content {
text-align: center;
}
}
.technofin-counter-10-area .single-counter-content h3 {
font-size: 45px;
line-height: 35px;
color: #ffffff;
font-weight: 900;
margin-top: 25px;
}
.technofin-counter-10-area .single-counter-content p {
font-size: 16px;
color: #fff;
margin-top: 15px;
}

/*===========================
13.technofin VIDEO PLAYER css 
===========================*/
.technofin-video-player-slider .slick-arrow {
position: absolute;
right: 0;
bottom: -90px;
height: 50px;
width: 50px;
text-align: center;
line-height: 50px;
border: 2px solid #e3e5e8;
color: #0e1133;
border-radius: 50%;
z-index: 9;
cursor: pointer;
}
.technofin-video-player-slider .slick-arrow:hover {
background: #fd8300;
color: #fff;
border-color: #fd8300;
}
.technofin-video-player-slider .slick-arrow.prev {
right: 60px;
}
.technofin-video-player-slider .slick-arrow.next {
right: 0;
}
.technofin-video-player-slider .item img {
width: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-video-player-item {
margin-bottom: 50px;
}
}
@media (max-width: 767px) {
.technofin-video-player-item {
margin-bottom: 50px;
}
}
.technofin-video-player-item .thumb {
position: relative;
overflow: hidden;
}
.technofin-video-player-item .thumb img {
width: 100%;
}
.technofin-video-player-item .thumb .video-popup {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.technofin-video-player-item .thumb .video-popup a {
height: 90px;
width: 90px;
background: #fff;
text-align: center;
line-height: 90px;
color: #fd8300;
border-radius: 50%;
font-size: 20px;
position: relative;
}
.technofin-video-player-item .thumb .video-popup a::before {
position: absolute;
content: "";
left: 0;
top: 0;
height: 100%;
width: 100%;
border: 1px solid #fff;
border-radius: 50%;
-webkit-animation: linear infinite popup 1.5s;
animation: linear infinite popup 1.5s;
}
.technofin-video-player-item .content {
padding-left: 100px;
padding-top: 35px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.technofin-video-player-item .content {
padding-left: 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-video-player-item .content {
padding-left: 0px;
}
}
@media (max-width: 767px) {
.technofin-video-player-item .content {
padding-left: 0px;
}
}
.technofin-video-player-item .content .title {
font-size: 30px;
margin-bottom: 12px;
}
@media (max-width: 767px) {
.technofin-video-player-item .content .title {
font-size: 26px;
}
}
.technofin-video-player-item .content a {
border-radius: 30px;
border: 2px solid #e7eaef;
background: #fff;
color: #0e1133;
margin-top: 33px;
}
.technofin-video-player-item .content a:hover {
background: #fd8300;
border-color: #fff;
color: #fff;
}

@-webkit-keyframes popup {
0% {
transform: scale(1);
opacity: 1;
}
25% {
transform: scale(1.1);
opacity: 0.8;
}
50% {
transform: scale(1.2);
opacity: 0.6;
}
75% {
transform: scale(1.3);
opacity: 0.4;
}
100% {
transform: scale(1.4);
opacity: 0;
}
}

@keyframes popup {
0% {
transform: scale(1);
opacity: 1;
}
25% {
transform: scale(1.1);
opacity: 0.8;
}
50% {
transform: scale(1.2);
opacity: 0.6;
}
75% {
transform: scale(1.3);
opacity: 0.4;
}
100% {
transform: scale(1.4);
opacity: 0;
}
}
.technofin-video-player-6-area .technofin-video-player-item .content a:hover {
background: #9b2cfa;
border-color: #9b2cfa;
}
.technofin-video-player-6-area .technofin-video-player-slider .slick-arrow:hover {
background: #9b2cfa;
border-color: #9b2cfa;
}

/*===========================
14.technofin DOWNLOAD css 
===========================*/
.technofin-download-area {
background-image: url(../images/download-bg.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
overflow: hidden;
position: relative;
z-index: 10;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-download-area {
padding-top: 80px;
padding-bottom: 80px;
}
}
.technofin-download-area::before {
position: absolute;
content: "";
right: 170px;
top: 50%;
transform: translateY(-50%);
height: 100%;
width: 860px;
background-image: url(../images/download-thumb.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
z-index: -1;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.technofin-download-area::before {
right: 0;
width: 550px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-download-area::before {
display: none;
}
}
@media (max-width: 767px) {
.technofin-download-area::before {
display: none;
}
}
.technofin-download-area .download-shape-1 {
position: absolute;
left: 95px;
top: 95px;
z-index: -1;
-webkit-animation: linear 20s animationFramesFour infinite;
animation: linear 20s animationFramesFour infinite;
}
.technofin-download-area .download-shape-2 {
position: absolute;
left: 150px;
bottom: 100px;
z-index: -1;
-webkit-animation: linear 20s animationFramesTwo infinite;
animation: linear 20s animationFramesTwo infinite;
}
.technofin-download-area .download-shape-3 {
position: absolute;
top: 140px;
right: 250px;
z-index: -1;
-webkit-animation: linear 20s animationFramesFive infinite;
animation: linear 20s animationFramesFive infinite;
}

.technofin-download-content > span {
font-size: 14px;
font-weight: 500;
color: #fd8300;
}
.technofin-download-content .title {
font-size: 44px;
line-height: 54px;
margin-top: 9px;
margin-bottom: 13px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.technofin-download-content .title {
font-size: 36px;
line-height: 46px;
}
}
@media (max-width: 767px) {
.technofin-download-content .title {
font-size: 30px;
line-height: 40px;
}
}
.technofin-download-content ul {
margin: 30px 0 0;
padding: 0;
list-style-type: none;
}
.technofin-download-content ul li {
display: inline-block;
}
.technofin-download-content ul li a {
background: #0e1133;
color: #fff;
padding-left: 22px;
padding-right: 40px;
padding-top: 14px;
padding-bottom: 14px;
display: flex;
align-items: center;
border-radius: 16px;
margin-right: 8px;
border: 2px solid #0e1133;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.technofin-download-content ul li a {
padding-right: 20px;
}
}
@media (max-width: 767px) {
.technofin-download-content ul li a {
margin-bottom: 20px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.technofin-download-content ul li a {
margin-bottom: 0px;
}
}
.technofin-download-content ul li a i {
font-size: 36px;
padding-right: 11px;
}
.technofin-download-content ul li a span {
font-size: 14px;
font-weight: 500;
}
.technofin-download-content ul li a span span {
font-size: 24px;
display: block;
line-height: 18px;
}
.technofin-download-content ul li a:hover {
background: #fff;
color: #0e1133;
}
.technofin-download-content ul li a.item-2 {
background: #fff;
color: #0e1133;
}
.technofin-download-content ul li a.item-2:hover {
background: #0e1133;
color: #fff;
}

.technofin-sponser-area {
position: relative;
z-index: 10;
}
.technofin-sponser-area .sponser-shape {
position: absolute;
left: 50%;
top: 60%;
transform: translate(-50%, -50%);
z-index: -1;
}

@media (max-width: 767px) {
.technofin-sponser-box {
flex-wrap: wrap;
}
}
.technofin-sponser-box .sponser-item {
background: #fff;
height: 100px;
width: 100px;
text-align: center;
line-height: 100px;
border-radius: 6px;
box-shadow: 0px 40px 60px 0px rgba(14, 17, 51, 0.14);
margin: 30px 16px 0;
}
.technofin-sponser-box.item-2 .sponser-item {
margin: 30px 28px 0;
}
@media (max-width: 767px) {
.technofin-sponser-box.item-2 .sponser-item {
margin: 30px 16px 0;
}
}

.technofin-download-3-box {
border-radius: 20px;
background: #ebf2fc;
overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-download-3-box {
margin: 30px 0 0;
}
}
@media (max-width: 767px) {
.technofin-download-3-box {
margin: 30px 0 0;
}
}
.technofin-download-3-box .content {
padding: 50px;
}
@media (max-width: 767px) {
.technofin-download-3-box .content {
padding: 20px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.technofin-download-3-box .content {
padding: 50px;
}
}
.technofin-download-3-box .content .title {
font-size: 34px;
font-weight: 700;
margin-bottom: 8px;
}
.technofin-download-3-box .content a.main-btn {
background: #fff;
color: #0e1133;
border-color: #fff;
margin-top: 33px;
}
.technofin-download-3-box .content a.main-btn:hover {
background: #ff6b58;
border-color: #ff6b58;
color: #fff;
}
.technofin-download-3-box .content a.main-btn i {
padding-right: 6px;
}
.technofin-download-3-box .content a.main-btn.main-btn-2 {
background: #ff6b58;
border-color: #ff6b58;
color: #fff;
}
.technofin-download-3-box .content a.main-btn.main-btn-2:hover {
background: #fff;
color: #0e1133;
border-color: #fff;
}
.technofin-download-3-box.technofin-download-6-box a.main-btn:hover {
background: #9b2cfa;
border-color: #9b2cfa;
}
.technofin-download-3-box.technofin-download-6-box a.main-btn.main-btn-2 {
background: #9b2cfa;
border-color: #9b2cfa;
}
.technofin-download-3-box.technofin-download-5-box a.main-btn:hover {
background: #801f82;
border-color: #801f82;
}
.technofin-download-3-box.technofin-download-5-box a.main-btn.main-btn-2 {
background: #801f82;
border-color: #801f82;
}

.technofin-sponser-10-area {
padding-bottom: 120px;
}
.technofin-sponser-10-area .sponser-shape {
display: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-sponser-10-area {
padding-bottom: 100px;
}
}
@media (max-width: 767px) {
.technofin-sponser-10-area {
padding-bottom: 100px;
}
}

/*===========================
15.technofin FUN FACT css 
===========================*/
.technofin-fun-fact-box {
background-image: url(../images/fun-fact-bg.jpg);
padding: 90px 70px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
border-radius: 10px;
}
@media (max-width: 767px) {
.technofin-fun-fact-box {
padding: 30px;
}
}
.technofin-fun-fact-box .technofin-fun-fact-content > .title {
font-size: 44px;
line-height: 54px;
color: #fff;
padding-right: 80px;
padding-bottom: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.technofin-fun-fact-box .technofin-fun-fact-content > .title {
font-size: 40px;
line-height: 50px;
}
}
@media (max-width: 767px) {
.technofin-fun-fact-box .technofin-fun-fact-content > .title {
font-size: 28px;
line-height: 38px;
padding-right: 0;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.technofin-fun-fact-box .technofin-fun-fact-content > .title {
font-size: 36px;
line-height: 46px;
padding-right: 0;
}
}
.technofin-fun-fact-box .technofin-fun-fact-content p {
color: #fff;
opacity: 0.8;
}
.technofin-fun-fact-box .technofin-fun-fact-content .technofin-fun-fact-item {
margin-top: 36px;
}
@media (max-width: 767px) {
.technofin-fun-fact-box .technofin-fun-fact-content .technofin-fun-fact-item {
text-align: center;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.technofin-fun-fact-box .technofin-fun-fact-content .technofin-fun-fact-item {
text-align: left;
}
}
.technofin-fun-fact-box .technofin-fun-fact-content .technofin-fun-fact-item .title {
font-size: 30px;
color: #fff;
}
.technofin-fun-fact-box .technofin-fun-fact-content .technofin-fun-fact-item span {
font-size: 14px;
color: #a4a4b9;
}
.technofin-fun-fact-box .technofin-fun-fact-play {
position: relative;
z-index: 10;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-fun-fact-box .technofin-fun-fact-play {
margin-top: 50px;
}
}
@media (max-width: 767px) {
.technofin-fun-fact-box .technofin-fun-fact-play {
margin-top: 50px;
margin-bottom: 20px;
text-align: center;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.technofin-fun-fact-box .technofin-fun-fact-play {
text-align: left;
}
}
.technofin-fun-fact-box .technofin-fun-fact-play img {
position: absolute;
right: -40px;
top: 0;
z-index: 2;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-fun-fact-box .technofin-fun-fact-play img {
position: static;
}
}
@media (max-width: 767px) {
.technofin-fun-fact-box .technofin-fun-fact-play img {
display: none;
}
}
.technofin-fun-fact-box .technofin-fun-fact-play a {
height: 70px;
width: 70px;
text-align: center;
line-height: 70px;
background: #fff;
border-radius: 50%;
color: #ff6b58;
position: relative;
z-index: 5;
}
.technofin-fun-fact-box .technofin-fun-fact-play a::before {
position: absolute;
content: "";
left: 0;
top: 0;
height: 100%;
width: 100%;
border: 1px solid #fff;
border-radius: 50%;
-webkit-animation: popup 1.5s linear infinite;
animation: popup 1.5s linear infinite;
}

/*===========================
15.technofin SHOWCASE css 
===========================*/
.technofin-showcase-area {
background: #eef1f6;
padding-top: 90px;
padding-bottom: 120px;
position: relative;
overflow: hidden;
z-index: 10;
}
.technofin-showcase-area .showcase-shape-1 {
position: absolute;
left: 90px;
top: 185px;
z-index: -1;
-webkit-animation: linear 25s animationFramesFive infinite;
animation: linear 25s animationFramesFive infinite;
}
.technofin-showcase-area .showcase-shape-2 {
position: absolute;
left: 170px;
bottom: 95px;
z-index: -1;
-webkit-animation: linear 20s animationFramesOne infinite;
animation: linear 20s animationFramesOne infinite;
}
.technofin-showcase-area .showcase-shape-3 {
position: absolute;
top: 200px;
right: 0;
z-index: -1;
-webkit-animation: linear 25s animationFramesThree infinite;
animation: linear 25s animationFramesThree infinite;
}
.technofin-showcase-area .showcase-shape-4 {
position: absolute;
bottom: 250px;
right: 195px;
z-index: -1;
-webkit-animation: linear 25s animationFramesFour infinite;
animation: linear 25s animationFramesFour infinite;
}

.technofin-showcase-item {
box-shadow: 0px 2px 3px 0px rgba(14, 17, 51, 0.1);
border-radius: 10px;
overflow: hidden;
transition: all 0.3s ease-out 0s;
margin-top: 30px;
margin-bottom: 50px;
}
.technofin-showcase-item:hover {
box-shadow: 0px 40px 40px 0px rgba(14, 17, 51, 0.1);
transform: translateY(-10px);
}
.technofin-showcase-item a {
display: block;
}
.technofin-showcase-item img {
width: 100%;
}

.technofin-showcase-slider .slick-dots {
position: absolute;
left: 50%;
bottom: -20px;
transform: translateX(-50%);
}
.technofin-showcase-slider .slick-dots li {
display: inline-block;
}
.technofin-showcase-slider .slick-dots li button {
font-size: 0;
border: 0;
background: #ccced9;
height: 10px;
width: 10px;
border-radius: 50%;
margin: 0 3px;
}
.technofin-showcase-slider .slick-dots li.slick-active button {
background: #ff6b58;
}

/*===========================
16.technofin CONTACT css 
===========================*/
.contact-section {
position: relative;
/*  background: #f7f6fa;*/
background: #fff;
padding: 120px 0;
}

.contact--info-area {
position: relative;
margin-right: 0;
background: linear-gradient(136.91deg, #FDFCFA 18%, #F8F1ED 100%);
padding: 30px;
border-radius: 10px;
}

.contact--info-area h3 {
font-size: 30px;
color: #241A10;
font-weight: 600;
line-height: 1.3;
margin-bottom: 16px;
}

.contact--info-area > p {
color: #686875;
line-height: 24px;
border-bottom: 1px solid #e5e4ed;
margin-bottom: 33px;
padding-bottom: 25px;
}

.single-info {
position: relative;
margin-bottom: 37px;
}

.single-info h5 {
font-size: 20px;
line-height: 26px;
font-weight: 600;
margin-bottom: 15px;
color: #241A10;
}

.single-info p {
position: relative;
font-size: 16px;
line-height: 22px;
color: #241A10;
margin: 0;
padding-left: 32px;
}

.single-info a{
color: #241A10;
}
.single-info p i {
font-size: 16px;
line-height: 22px;
color: #FD8300;
position: absolute;
left: 0;
top: 0;
}

.ab-social h5 {
font-size: 16px;
line-height: 26px;
font-weight: 600;
margin-bottom: 24px;
color: #2c234d;
}

.bisylms-map {
position: relative;
line-height: 0.8;
overflow: hidden;
}

.bisylms-map iframe {
width: 100%;
height: 480px;
border: none;
}

.contact-form {
position: relative;
background: #fff;
border-radius: 10px;
padding: 43px 50px 65px;
/*  box-shadow: 0px 1px 3px 0px rgba(11, 2, 55, 0.06);*/
box-shadow: 0px 0px 30px 0px rgb(186 186 186 / 26%);
}

.contact-form h4 {
font-size: 26px;
color: #241A10;
line-height: 30px;
font-weight: 600;
margin-bottom: 30px;
}

.contact-form p {
font-size: 16px;
color: #686875;
line-height: 26px;
position: relative;
z-index: 3;
margin: 0 0 41px;
}

.contact-form input[type=text],
.contact-form input[type=number],
.contact-form textarea,
.contact-form input[type=email] {
width: 100%;
height: 56px;
font-size: 14px;
line-height: 56px;
font-weight: 400;
border-radius: 3px;
border: none;
background: #f5f5f7;
color: #7e7c87;
outline: none;
border: 1px solid transparent;
padding: 0 30px;
margin-bottom: 20px;
transition: all 0.3s ease;
}

.contact-form textarea {
height: 220px;
resize: none;
line-height: 30px;
padding-top: 14px;
}

.contact-form textarea::-moz-placeholder,
.contact-form input[type=text]::-moz-placeholder,
.contact-form input[type=number]::-moz-placeholder,
.contact-form input[type=email]::-moz-placeholder {
color: #7e7c87;
opacity: 1;
}

.contact-form textarea::-ms-input-placeholder,
.contact-form input[type=text]::-ms-input-placeholder,
.contact-form input[type=number]::-ms-input-placeholder,
.contact-form input[type=email]::-ms-input-placeholder {
color: #7e7c87;
opacity: 1;
}

.contact-form textarea::-webkit-input-placeholder,
.contact-form input[type=text]::-webkit-input-placeholder,
.contact-form input[type=number]::-webkit-input-placeholder,
.contact-form input[type=email]::-webkit-input-placeholder {
color: #7e7c87;
opacity: 1;
}

.contact-form textarea:focus,
.contact-form input[type=text]:focus,
.contact-form input[type=number]:focus,
.contact-form input[type=email]:focus {
background: transparent;
border-color: #ece9f9;
box-shadow: 0px 14px 16px 0px rgba(11, 2, 55, 0.1);
}

.contact-form input[type=submit] {
height: 50px;
border-radius: 6px;
background: #FD8300;
color: #fff;
text-align: center;
border: none;
outline: none;
padding: 0 36px;
font-size: 15px;
line-height: 50px;
font-weight: 500;
transition: all 0.3s ease;
}

.contact-form input[type=submit]:hover {
box-shadow: 0px 20px 30px 0px rgba(26, 8, 119, 0.24);
}

.condition-check {
position: relative;
margin: 10px 0 0;
}

.condition-check input[type=checkbox] {
display: none;
}

.condition-check label {
font-size: 14px;
line-height: 24px;
letter-spacing: 0;
font-weight: 400;
padding-left: 31px;
position: relative;
cursor: pointer;
color: #686875;
margin: 0 0 0;
}

.condition-check label a {
color: #FD8300;
}

.condition-check label a:hover {
color: #686875;
}

.condition-check label:before {
background: transparent;
content: "";
height: 16px;
left: 0;
position: absolute;
border-radius: 3px;
top: 3px;
width: 16px;
border: 2px solid #ababb1;
transition: all 0.3s ease;
}

.condition-check input:checked + label::after {
background: transparent;
bottom: 0;
font-family: "Font Awesome 5 Pro";
content: "\f00c";
color: #FD8300;
font-size: 10px;
left: 3px;
position: absolute;
top: -1px;
transition: all 0.3s ease;
}

.ab-social {
position: relative;
}

.ab-social a {
display: inline-block;
width: 40px;
height: 40px;
background: #446bb9;
color: #fff;
border-radius: 50%;
text-align: center;
line-height: 42px;
font-size: 14px;
margin-right: 2px;
}

.ab-social a.fac {
background: #446bb9;
}

.ab-social a.twi {
background: #00aced;
}

.ab-social a.you {
background: #f73434;
}

.ab-social a.lin {
background: #007bb6;
}

.ab-social a:hover {
box-shadow: 0px 10px 20px 0px rgba(9, 111, 150, 0.3);
}

/*===========================
17.technofin CONTACT css 
===========================*/
.technofin-shop-grid-area .bisylms-pagination {
margin-top: 50px;
margin-bottom: 50px;
}
.technofin-shop-grid-area .bisylms-pagination .current, .technofin-shop-grid-area .bisylms-pagination:hover {
box-shadow: none;
border-radius: 5px;
}
.technofin-shop-grid-area .bisylms-pagination a {
border: 2px solid #e7eaef;
background: #fff;
color: #0e1133;
font-size: 14px;
font-weight: 500;
border-radius: 5px;
}
.technofin-shop-grid-area .bisylms-pagination a i {
font-size: 14px;
padding-left: 6px;
}
.technofin-shop-grid-area .bisylms-pagination a:hover {
box-shadow: none;
background: #FD8300;
border-color: #FD8300;
color: #fff;
}
.technofin-shop-grid-area .bisylms-pagination span {
border: 2px solid #e7eaef;
}

.technofin-shop-sidebar .shop-price-filter {
border-bottom: 1px solid #e7eaef;
padding-bottom: 33px;
}
.technofin-shop-sidebar .shop-price-filter .title {
font-size: 16px;
font-weight: 700;
}
.technofin-shop-sidebar .shop-price-filter .price-range {
width: 100%;
height: 3px;
background: #e7eaef;
margin-top: 33px;
margin-bottom: 24px;
position: relative;
}
.technofin-shop-sidebar .shop-price-filter .price-range::before {
position: absolute;
content: "";
left: 50%;
top: 0;
height: 100%;
width: 60%;
background: #FD8300;
transform: translateX(-50%);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-shop-sidebar .shop-price-filter .price-range::before {
width: 100%;
}
}
.technofin-shop-sidebar .shop-price-filter .price-range .box-1 {
height: 16px;
width: 16px;
border-radius: 50%;
border: 2px solid #fff;
position: absolute;
left: 50px;
top: 50%;
transform: translateY(-50%);
background: #FD8300;
box-shadow: 0px 4px 10px 0px rgba(0, 14, 58, 0.2);
cursor: pointer;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-shop-sidebar .shop-price-filter .price-range .box-1 {
left: 0;
}
}
.technofin-shop-sidebar .shop-price-filter .price-range .box-2 {
height: 16px;
width: 16px;
border-radius: 50%;
border: 2px solid #fff;
position: absolute;
right: 50px;
top: 50%;
transform: translateY(-50%);
background: #FD8300;
box-shadow: 0px 4px 10px 0px rgba(0, 14, 58, 0.2);
cursor: pointer;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.technofin-shop-sidebar .shop-price-filter .price-range .box-2 {
right: 0;
}
}
.technofin-shop-sidebar .shop-price-filter .main-filter-price span {
font-size: 14px;
color: #63636a;
}
.technofin-shop-sidebar .shop-price-filter .main-filter-price a {
font-size: 14px;
color: #0e1133;
}
.technofin-shop-sidebar .shop-category-widget {
margin-top: 37px;
border-bottom: 1px solid #e7eaef;
padding-bottom: 33px;
}
.technofin-shop-sidebar .shop-category-widget .title {
font-size: 16px;
font-weight: 700;
margin-bottom: 25px;
}
.technofin-shop-sidebar .shop-category-widget ul li {
margin-top: 10px;
}
.technofin-shop-sidebar .shop-category-widget ul li a {
font-size: 15px;
color: #63636a;
}
.technofin-shop-sidebar .shop-category-widget ul li a:hover {
color: #FD8300;
}
.technofin-shop-sidebar .shop-best-product-widget {
margin-top: 37px;
border-bottom: 1px solid #e7eaef;
padding-bottom: 40px;
}
.technofin-shop-sidebar .shop-best-product-widget .title {
padding-bottom: 10px;
font-size: 16px;
font-weight: 700;
}
.technofin-shop-sidebar .shop-best-product-widget .shop-product {
display: flex;
align-items: center;
margin-top: 20px;
}
.technofin-shop-sidebar .shop-best-product-widget .shop-product .thumb {
max-width: 60px;
margin-right: 20px;
}
.technofin-shop-sidebar .shop-best-product-widget .shop-product .content a {
display: block;
font-size: 14px;
font-weight: 500;
color: #FD8300;
color: #0e1133;
}
.technofin-shop-sidebar .shop-best-product-widget .shop-product .content span {
font-size: 14px;
font-weight: 400;
color: #63636a;
}
.technofin-shop-sidebar .shop-tags-bar {
margin-top: 37px;
}
.technofin-shop-sidebar .shop-tags-bar .title {
padding-bottom: 10px;
font-size: 16px;
font-weight: 700;
}
.technofin-shop-sidebar .shop-tags-bar ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.technofin-shop-sidebar .shop-tags-bar ul li {
display: inline-block;
}
.technofin-shop-sidebar .shop-tags-bar ul li a {
border: 2px solid #e7eaef;
line-height: 30px;
padding: 0 13px;
font-size: 13px;
font-weight: 500;
color: #0e1133;
margin-bottom: 10px;
margin-right: 7px;
border-radius: 3px;
}

.shop-grid-topbar {
padding-bottom: 10px;
}
@media (max-width: 767px) {
.shop-grid-topbar {
display: block !important;
}
}
.shop-grid-topbar > span {
color: #63636a;
font-size: 14px;
font-weight: 500;
}
@media (max-width: 767px) {
.shop-grid-topbar > span {
margin-bottom: 15px;
display: block;
}
}
.shop-grid-topbar > span span {
color: #0e1133;
}
.shop-grid-topbar select {
height: 30px;
width: 170px;
background: #eef1f6;
border: 0;
border-radius: 4px;
}

.single-shop-box {
border: 1px solid #e7eaef;
border-radius: 6px;
padding: 20px;
margin-top: 30px;
}
.single-shop-box .thumb {
position: relative;
}
.single-shop-box .thumb img {
transition: all linear 0.5s;
}
.single-shop-box .thumb .reborn {
position: absolute;
left: 0;
top: 0;
}
.single-shop-box .thumb .reborn span {
background: #FD8300;
font-size: 13px;
font-weight: 500;
color: #fff;
line-height: 18px;
padding: 0 12px;
border-radius: 4px;
}
.single-shop-box .thumb .cart-list-icon {
position: absolute;
top: -20px;
right: 0;
visibility: hidden;
opacity: 0;
transition: all linear 0.5s;
}
.single-shop-box .thumb .cart-list-icon ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.single-shop-box .thumb .cart-list-icon ul li a {
height: 36px;
width: 36px;
text-align: center;
line-height: 36px;
background: #eef1f6;
color: #0e1133;
margin-bottom: 6px;
border-radius: 5px;
}
.single-shop-box .thumb .cart-list-icon ul li a:hover {
background: #FD8300;
color: #fff;
}
.single-shop-box .content {
padding-bottom: 10px;
}
.single-shop-box .content ul li {
display: inline-block;
}
.single-shop-box .content ul li i {
color: #ff9a2d;
font-size: 12px;
}
.single-shop-box .content a {
font-size: 14px;
font-weight: 500;
color: #0e1133;
margin-bottom: 5px;
}
.single-shop-box .content .pricing {
display: flex;
font-size: 18px;
font-weight: 700;
color: #0e1133;
}
.single-shop-box .content .pricing .regular-price {
color: #63636a;
font-weight: 400;
text-decoration: line-through;
margin-left: 10px;
}
.single-shop-box:hover .thumb img {
transform: scale(1.1);
}
.single-shop-box:hover .thumb .cart-list-icon {
top: 0;
opacity: 1;
visibility: visible;
}

.shop-details-thumb .shop-details-thumb-slider-active .item {
border-radius: 6px;
overflow: hidden;
}
.shop-details-thumb .shop-details-thumb-slider-active .item img {
width: 100%;
}

.shop-small-slider-active {
max-width: 310px;
}
.shop-small-slider-active .item {
border-radius: 5px;
margin-right: 10px;
}

.shop-buttons .product-quantity {
border: 2px solid #e7eaef;
display: inline-block;
border-radius: 6px;
}
.shop-buttons .product-quantity button {
width: 40px;
height: 45px;
padding: 0;
background-color: #fff;
font-size: 24px;
color: #838b97;
border: 0;
border-radius: 6px;
}
.shop-buttons .product-quantity button:hover, .shop-buttons .product-quantity button:focus {
color: #FD8300;
}
@media (max-width: 767px) {
.shop-buttons .product-quantity button {
width: 40px;
height: 40px;
}
}
.shop-buttons .product-quantity input {
width: 40px;
height: 45px;
border: 0;
padding: 0 10px;
text-align: center;
font-size: 16px;
font-weight: 700;
margin: 0 0;
color: #0e1133;
}
@media (max-width: 767px) {
.shop-buttons .product-quantity input {
height: 40px;
}
}
@media (max-width: 767px) {
.shop-buttons a {
margin-left: 0;
margin-top: 15px;
padding: 0 40px;
}
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
.shop-product-details-content {
padding-left: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.shop-product-details-content {
padding-left: 0;
}
}
@media (max-width: 767px) {
.shop-product-details-content {
padding-left: 0;
}
}
.shop-product-details-content > span {
background: #eef1f6;
line-height: 26px;
padding: 0 15px;
font-size: 14px;
font-weight: 500;
color: #0e1133;
border-radius: 6px;
}
.shop-product-details-content .title {
font-size: 40px;
font-weight: 700;
margin-top: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.shop-product-details-content .title {
font-size: 32px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.shop-product-details-content .title {
font-size: 32px;
}
}
@media (max-width: 767px) {
.shop-product-details-content .title {
font-size: 28px;
}
}
.shop-product-details-content .pricing {
font-size: 20px;
font-weight: 500;
color: #0e1133;
display: flex;
align-items: center;
margin-top: 5px;
}
.shop-product-details-content .pricing .regular-price {
font-size: 16px;
color: #63636a;
font-weight: 400;
text-decoration: line-through;
}
.shop-product-details-content .review {
display: flex;
align-items: center;
margin-top: 5px;
margin-bottom: 17px;
}
.shop-product-details-content .review ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.shop-product-details-content .review ul li {
display: inline-block;
}
.shop-product-details-content .review ul li i {
color: #ff9a2d;
font-size: 14px;
}
.shop-product-details-content .review span {
font-size: 15px;
color: #63636a;
margin-left: 5px;
}
.shop-product-details-content p {
font-size: 14px;
line-height: 24px;
margin-bottom: 30px;
}
.shop-product-details-content .details-info {
border-top: 1px solid #e7eaef;
margin-top: 35px;
padding-top: 25px;
}
.shop-product-details-content .details-info ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.shop-product-details-content .details-info ul li {
font-size: 15px;
color: #63636a;
padding-bottom: 3px;
}
.shop-product-details-content .details-info ul li span {
font-weight: 500;
color: #0e1133;
}

.shop-details-info-area {
background: #eef1f6;
}

.shop-details-box .nav {
border-bottom: 1px solid #d8dce3;
}
.shop-details-box .nav .nav-item .nav-link {
margin: 0;
padding: 0 10px;
line-height: 45px;
margin-right: 10px;
color: #0e1133;
font-size: 14px;
font-weight: 700;
border-radius: 0;
}
.shop-details-box .nav .nav-item .nav-link.active {
background: #eef1f6;
color: #FD8300;
border-bottom: 2px solid #FD8300;
}

.shop-description p {
padding-top: 10px;
padding-bottom: 10px;
font-size: 14px;
line-height: 24px;
}
.shop-description .title {
margin-top: 40px;
margin-bottom: 10px;
font-size: 20px;
font-weight: 700;
}

.review-rating-box .top-rating-result .title {
font-size: 20px;
font-weight: 700;
margin-bottom: 25px;
}
.review-rating-box .top-rating-result .rating-result-box {
background: #fff;
padding: 30px;
margin-top: 16px;
display: flex;
border-radius: 6px;
}
@media (max-width: 767px) {
.review-rating-box .top-rating-result .rating-result-box {
display: block;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.review-rating-box .top-rating-result .rating-result-box {
display: flex;
}
}
.review-rating-box .top-rating-result .rating-result-box .thumb {
max-width: 50px;
margin-right: 20px;
}
@media (max-width: 767px) {
.review-rating-box .top-rating-result .rating-result-box .thumb {
margin-bottom: 15px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.review-rating-box .top-rating-result .rating-result-box .thumb {
margin-bottom: 0px;
}
}
.review-rating-box .top-rating-result .rating-result-box .content ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.review-rating-box .top-rating-result .rating-result-box .content ul li {
display: inline-block;
}
.review-rating-box .top-rating-result .rating-result-box .content ul li i {
font-size: 14px;
color: #ff9a2d;
}
.review-rating-box .top-rating-result .rating-result-box .content .shop-meta {
display: flex;
align-items: center;
padding-bottom: 8px;
}
@media (max-width: 767px) {
.review-rating-box .top-rating-result .rating-result-box .content .shop-meta {
display: block;
}
}
.review-rating-box .top-rating-result .rating-result-box .content .shop-meta .author-user-name a {
font-size: 14px;
font-weight: 700;
color: #0e1133;
margin-right: 15px;
}
.review-rating-box .top-rating-result .rating-result-box .content .shop-meta .date {
font-size: 14px;
color: #63636a;
}
.review-rating-box .top-rating-result .rating-result-box .content p {
font-size: 14px;
line-height: 24px;
}

.review-box .review-title {
margin-top: 75px;
margin-bottom: 20px;
}
.review-box .review-title .title {
font-size: 20px;
font-weight: 700;
}
.review-box .review-title p {
font-size: 14px;
padding-top: 3px;
}
.review-box .add-review-star span {
color: #0e1133;
font-weight: 500;
padding-bottom: 4px;
}
.review-box .add-review-star ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.review-box .add-review-star ul li {
display: inline-block;
}
.review-box .add-review-star ul li i {
color: #9c9ea4;
}
.review-box .add-review-star ul li:nth-child(1) i, .review-box .add-review-star ul li:nth-child(2) i {
color: #ff9a2d;
}

.rating-form-box .input-box {
margin-top: 15px;
}
.rating-form-box .input-box label {
font-size: 14px;
font-weight: 500;
color: #0e1133;
}
.rating-form-box .input-box > input {
width: 100%;
height: 60px;
padding-left: 25px;
border: 2px solid #fff;
background: #fff;
border-radius: 6px;
}
.rating-form-box .input-box > input:focus {
border-color: #FD8300;
}
.rating-form-box .input-box textarea {
width: 100%;
height: 120px;
padding-left: 25px;
border: 2px solid #fff;
background: #fff;
border-radius: 6px;
resize: none;
padding-top: 10px;
}
.rating-form-box .input-box textarea:focus {
border-color: #FD8300;
}
.rating-form-box .input-box .condition-check label {
font-size: 14px;
color: #63636a;
font-weight: 400;
}

.shop-related-product-slider-active .slick-dots {
position: absolute;
left: 50%;
bottom: -70px;
transform: translateX(-50%);
}
.shop-related-product-slider-active .slick-dots li {
display: inline-block;
}
.shop-related-product-slider-active .slick-dots li button {
height: 10px;
width: 10px;
border-radius: 50%;
margin: 0 5px;
font-size: 0;
border: 0;
}
.shop-related-product-slider-active .slick-dots li.slick-active button {
background: #FD8300;
}/*# sourceMappingURL=style.css.map */



li.menu-active a {
color: #FD8300 !important;
border-bottom: 2px solid #FD8300;
}
.banner-para{
margin-top: 30px;
}
.listing li {
list-style: disc;
margin-left: 30px;
padding-bottom: 5px;
color: #241A10;
font-size: 18px;
}
.technofin-traffic-title .traffic-para{
font-size: 23px;
font-weight: 600;
margin-bottom: 30px;
line-height: 35px;
}

.read {
margin-top: 30px;
}

.read a{
color: #FD8300;
font-weight: 600;
text-decoration: underline;
}

.read a:hover{
color: #241A10;
}

.read i{
font-size: 13px;
margin-right: 10px;
}

.tab-list li {
gap: 20px;
padding-bottom: 15px;
display: flex;
color: #241A10;
font-size: 16px;
font-weight: 500;
align-items: center;
}

.best-box {
padding: 30px;
border: 3px solid #FD8300;
border-radius: 20px;
text-align: center;
}
.best-box h3{
font-size: 48px;
font-weight: 600;
line-height: 62.4px;
text-align: center;
color: #241A10;
margin-bottom: 15px;
}

.best-box del{
font-size: 30px;
font-weight: 600;
line-height: 39px;
text-align: center;
color: #A5A1A1;
}

.best-box h4{
font-size: 40px;
font-weight: 600;
line-height: 62.4px;
text-align: center;
color: #241A10;
margin-top: 15px;
}

.best-box .checking {
padding: 6px;
background: #fd8300;
border-radius: 50px;
color: #ffffff;
font-size: 11px;
font-weight: 600;
}

.technofin-custom-title .title {
font-size: 40px;
line-height: 55px;
font-weight: 600;
margin-bottom: 25px;
text-align: center;
}
.technofin-section-title .technofin-title1 {
font-size: 35px;
line-height: 54px;
font-weight: 600;
}

.bottom-list ul {
display: flex;
align-items: center;
justify-content: space-between;
}

.bottom-list ul li a, .copyright-text p {
color: #4B5162;
font-size: 16px;
font-weight: 400;
}

.bottom-list ul li a:hover{
color: #FD8300;
}


.btn-close1 {
padding: 4px 5px;
border-radius: 0;
font-size: 19px;
color: #fff;
background-color: #fd8300;
border: none;
position: absolute;
top: 0;
right: -15px;
width: 40px;
height: 40px;
line-height: 10px;
z-index: 9;
}
.onload-image {
height: 100%;
width: 100%;
}
.onload-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.header-form-area{
height: 100%;
}
.header-form-area .header-form-inner {
background-color: #fff;
padding: 40px 30px 50px 40px;
border-radius: 5px;
/* border: 1px solid #e2e2e2; */
box-shadow: 0px 10px 60px 0px rgba(0, 50, 36, 0.1);
height: 100%;
}
#contact-form .header-form-area .header-form-inner {
padding: 50px;
}
.header-form-area .header-form-inner .title {
font-size: 23px;
line-height: 40px;
color: #241A10;
font-weight: 600;
margin: 20px 0px;
}
#contact-form label {
color: #241A10;
font-weight: 400;
font-size: 12px;
}

.get-quote-form .form-group{
margin-bottom: 25px;
}
.get-quote-form .form-group .form-control {
height: 35px;
border: none;
font-size: 14px;
padding-top: 0px;
}
.bodies {
padding: 0px;
}
.get-quote-form .form-group .form-control:focus {
color: #241A10;
background-color: #fff;
border: none;
outline: 0;
box-shadow: none;
}
.get-quote-form .condition-check {
position: relative;
margin: 0px 0 10px;
}
#contact-form .modal-dialog {
-webkit-transform: none;
transform: none;
width: 100%;
max-width: 950px;
}
fieldset {
display: block;
margin-inline-start: 2px;
margin-inline-end: 2px;
padding-block-start: 0px;
padding-inline-start: 5px;
padding-inline-end: 5px;
padding-block-end: 0;
min-inline-size: min-content;
/*border-width: 2px;
border-style: groove;
border-color: rgb(192, 192, 192);*/
border: 1px solid #B6BCCD;
border-image: initial;
border-radius: 5px;
}
legend {
display: block;
padding-inline-start: 7px;
padding-inline-end: 7px;
unicode-bidi: isolate;
border-width: initial;
border-style: none;
border-color: initial;
border-image: initial;
width: auto;
font-size: 14px;
margin: 0;
color: #241A10;
}

.technofin-mobile-title .testimo {
color: #fd8300;
font-weight: 500;
display: flex;
justify-content: center;
align-items: center;
gap: 9px;
margin-bottom: 20px;
}

.technofin-mobile-title .line {
width: 70px;
height: 2px;
background: #fd8300;
margin: 0;
}

.technofin-single-service.next.technofin-single-services-3:hover {
box-shadow: 0px 40px 40px 0px rgba(14, 17, 51, 0.1);
transform: translateY(-10px);
}
.technofin-single-service.next.technofin-single-services-3{
transition: all 0.3s ease-out 0s;
}

.single-info a:hover {
color: #fd8300;
}

.title1 {
font-size: 25px;
font-weight: 600;
line-height: 1.3;
}



ul.services-list li a {
display: block;
border: 2px solid #e8e8e8;
padding: 16px 18px;
transition: all .5s ease;
border-radius: 5px;
position: relative;
font-size: 18px;
font-weight: 600;
color: #241a10;
margin-bottom: 15px;
}
ul.services-list li a:before {
content: "\f105";
position: absolute;
right: 12px;
top: 16px;
color: #1c1b1b;
font-family: 'Font Awesome 6 Pro';
}

ul.services-list li a:hover,
ul.services-list li a.active {
background-image: linear-gradient(250deg, #fd8300 19%, #fd8300 100%);
color: #ffffff;
border-radius: 3px;
border-color: #fd8300;
}
ul.services-list li a:hover:before,
ul.services-list li a.active:before {
color: #ffffff;
}

ul.listing-style li {
margin-bottom: 10px;
color: #241A10;
display: flex;
align-items: center;
}
ul.listing-style li i {
color: #fd8300;
font-size: 24px;
line-height: 31px;
margin-right: 10px;
}
ul.rs-features-list li {
margin: 0px 0px 21px 0px;
}
ul.rs-features-list li i {
color: #fff;
background-color: transparent;
background-image: linear-gradient(180deg, #dd4c23 0%, #f27c1e 100%);
padding: 10px 10px 10px 10px;
margin: 0px 20px 0px 0px;
border-radius: 50px 50px 50px 50px;
}
ul.rs-features-list li span {
color: #575757;
font-size: 18px;
font-weight: 600;
text-decoration: underline;
}
ul.rs-features-list li span:hover {
color: #FC4F29;
}
.service-title {
font-size: 30px;
font-weight: 600;
line-height: 50px;
margin: 20px 0px 20px;
}

.rs-services-single .services-add {
/* 
background: url(https://rstheme.com/products/html/braintech/assets/images/services/single/contact-phone.jpg);*/
background-position: center;
background-repeat: no-repeat;
background-size: cover;
text-align: center;
border-radius: 5px;
padding: 50px 35px 53px;
background-image: linear-gradient(0, #241a10, #241a10de), url(https://media.istockphoto.com/id/1331493599/photo/shot-of-a-businessman-using-a-computer-while-working-in-a-call-center.jpg?s=612x612&w=0&k=20&c=ocaFzVRnDARFnANjyd6CMrwAI0Ua6I0Na_MKej8IysA=);
}
.rs-services-single .services-add .title {
font-size: 24px;
line-height: 42px;
font-weight: 700;
color: #ffffff;
margin-bottom: 30px;
}
.rs-services-single .services-add .contact a {
font-size: 30px;
line-height: 40px;
font-weight: 700;
color: #ffffff;
}
.rs-case-studies-single .services-add {
background-image: linear-gradient(250deg, #0b70e1 19%, #03228f 100%);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
text-align: center;
border-radius: 5px;
padding: 50px 35px 53px;
}
.rs-case-studies-single .services-add .title {
font-size: 24px;
line-height: 42px;
font-weight: 700;
color: #ffffff;
margin-bottom: 30px;
}
.rs-case-studies-single .services-add .contact a {
font-size: 30px;
line-height: 40px;
font-weight: 700;
color: #ffffff;
}
.address-item .address-icon {
display: inline-block;
position: relative;
height: 70px;
width: 70px;
line-height: 70px;
border-radius: 100%;
text-align: center;
background: #ffffff;
}
.address-item .address-icon i {
text-align: center;
color: #fd8300;
border-radius: 100%;
font-size: 25px;
position: relative;
line-height: 70px;
z-index: 9;
width: 100%;
vertical-align: middle;
margin-left: 0;
height: auto;
}
.address-item .address-icon:before {
content: "";
position: absolute;
z-index: 0;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
display: block;
width: 70px;
height: 70px;
border-radius: 50%;
animation: pulse-border 1500ms ease-out infinite;
background: #ffffff;
}
@keyframes pulse-border {
0% {
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
opacity: 1;
}
100% {
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
opacity: 0;
}
}
@-webkit-keyframes pulse-border {
0% {
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
opacity: 1;
}
100% {
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
opacity: 0;
}
}

@media (max-width:1199px) and (min-width:992px){
.bottom-list ul li a, .copyright-text p{
font-size: 15px;
}
}


.service-detail{
box-shadow:0px 0px 30px 0px rgb(186 186 186 / 26%);
padding:10px 20px;
}
.service-detail p{
font-size: 16px;
}
.accor-heading h5{
font-weight: 600;
font-size: 26px;
margin-bottom: 20px;
color: #fd8300;
}


@media (max-width:1024px) and (min-width:992px){
.new_btn_1 .main-btn {
margin-left: 0;
}
.new_itdetail .nav-link {

font-size: 16px !important;
}
}


@media (max-width:991px) and (min-width:768px) {

.technofin-hero-area-2 {
padding-top: 120px !important;
padding-bottom: 0px !important;
}
.new_btn_1 .main-btn {
margin-left: 0;
}

.technofin-traffic-area{
margin-bottom:0;
}

}

@media (max-width:767px){
.bottom-list ul li a, .copyright-text p{
margin-bottom:12px;
}
.bottom-list ul{
display:block;
}
.header-nav-box .technofin-btn-box .main-btn {
display: block;
}

.header-nav-box .technofin-btn-box .main-btn {
padding: 0 10px;
display: inline-block;
}
}

@media (max-width:991px){
.technofin-page-title-area{
height: 250px;
}
.technofin-page-title-item .title{
font-size: 35px;
}
.technofin-page-title-item nav{
margin-top : 5px
}
.technofin-single-service-2{
padding: 30px;
}
p {
font-size: 16px;
}
.technofin-single-service-2.technofin-single-service-about p{
font-size:16px;
}

.service-detail {
box-shadow: 0px 0px 30px 0px rgb(186 186 186 / 26%);
padding: 10px 20px;
margin-bottom: 28px;
}
.new_itdetail .nav-link.active {
border-right: 1px solid #fd8300 !important;
border: 1px solid #fd8300 !important;
}
.main_btn2 {
padding-right: 20px !important;
}
}

@media (max-width:767px) and (min-width:576px){

.technofin-hero-area-2 {
padding-top: 120px !important;
padding-bottom: 0px !important;
}
.new_btn_1 .main-btn {
margin-left: 0;
}
.header-nav-box .technofin-btn-box {
padding-right: 55px;
}
.toggle-btn {
top: 53%;
}

.technofin-hero-content-2 .technofin-title span {
font-size: 44px;
}

.technofin-mobile-title .title {
font-size: 36px;
line-height: 42px;
font-weight: 600;
margin-bottom: 30px;
}
.technofin-features-9-tabs-content{
padding:30px !important;
}
/*.tab-list li, .listing li, .technofin-services-2-area .technofin-section-title, .technofin-features-9-area{
text-align:left !important;
}*/

.technofin-features-tabs-btn .nav a, .technofin-features-tabs-btn .nav{
margin-bottom: 0;
}
.best-box h3 {
font-size: 36px;
}
.best-box h4{
font-size: 32px;
}

.technofin-custom-title .title {
font-size: 30px;
line-height: 40px;
}
.technofin-traffic-area{
padding:0px;
}
.main_btn2 {
padding-right: 0px !important;
}
}


@media (max-width:575px) and (min-width:320px){
.technofin-hero-area-2 {
padding-top: 120px !important;
padding-bottom: 0px !important;
}
.technofin-page-title-item .title {
font-size: 30px;
margin-bottom: 5px;
}
.new_btn_1 .main-btn {
margin-left: 0;
}
.header-nav-box .technofin-btn-box {
padding-right: 55px;
}
.toggle-btn {
top: 53%;
}

.technofin-hero-content-2 .technofin-title span {
font-size: 32px;
}

.technofin-mobile-title .title {
font-size: 32px;
line-height: 42px;
font-weight: 600;
margin-bottom: 30px;
}
.technofin-features-9-tabs-content{
padding:30px !important;
}
/*.tab-list li, .listing li, .technofin-services-2-area .technofin-section-title, .technofin-features-9-area{
text-align:left !important;
}*/

.technofin-features-tabs-btn .nav a, .technofin-features-tabs-btn .nav{
margin-bottom: 0;
}
.best-box h3, .technofin-section-title .technofin-title1{
font-size: 32px;
}
.best-box h4{
font-size: 32px;
}

.technofin-custom-title .title {
font-size: 26px;
line-height: 36px;
}
.technofin-traffic-area{
padding:0px;
}
.technofin-service-10-area {
padding-top: 50px;
padding-bottom: 50px;
}
.technofin-traffic-area.technofin-traffic-9-area .traffic-content-left {
padding-left: 15px;
padding: 30px  !important;
}

.technofin-features-tabs-btn .nav {
flex-direction: column !important;
padding-bottom:30px;
}

.technofin-features-tabs-btn.technofin-features-9-tabs-btn a.active {
border: 1px solid #FD8300;
background: transparent;
color: #FD8300;
border-bottom: 1px solid #FD8300;
}
.title1{
font-size:20px            
}

.header-nav-box .technofin-btn-box .main-btn {
padding: 0 14px;
display: inline-block;
font-size: 12px;
line-height: 34px;
}

.service-title {
font-size: 24px;
font-weight: 600;
line-height: 37px;
margin: 20px 0px 20px;
}

.new_contact_sec a{
display: none  !important;
}
.main_btn2 {
padding-right: 0px !important;
}

}

.new_itdetail .nav-link.active {
background-color: transparent;
padding: 15px 10px;
border-right: 3px solid #fd8300 !important;
color: #fd8300 !important;
border-radius: 0;
}
.new_itdetail .nav-link {
padding: 15px 10px;
border-right: 3px solid #e8eaef !important;
font-size: 16px !important;
font-weight: 500;
color: #241A10 !important;
}
.new_itdetail .nav-link:hover{
color:#fd8300 !important;

}
.new_itdetail .nav-link:hover .fas{

background-color: #fd8300;
color: #fff;

}

.new_itdetail .technofin-features-content .title {
font-size: 36px;
line-height: 54px;
margin-bottom: 10px;
font-weight: 600;
}
.technofin-features-tabs-btn .nav a i {
height: 46px;
width: 46px;
text-align: center;
line-height: 46px;
background: #f1f2f7;
color: #63636a;
display: inline-block;
border-radius: 50%;
margin-right: 10px;
font-size: 21px;
}


.new_btncontact {
display: flex;
justify-content: center;
align-items: center;
}
.pricing-one__single.pricing-one__single_2.active .main-btn {
background: #fff !important;
color: #fd8300 !important;
margin-top:20px;
}
.pricing-one__single .main-btn {
margin-top: 20px;
}
.pricing-one__single.pricing-one__single_2.active li {
    color: #fff;
}
#pay_pricing .header-form-inner {
    padding: 50px 30px !important;
}
.new_btn1 {
    font-size: 22px;
    padding: 9px 35px;
    position:relative;
}
.new_pay_form .form-control:disabled, .new_pay_form .form-control[readonly] {
    background-color: #e9ecef !important;
    opacity: 1;
}