/*--------------------- Copyright (c) 2021 ----------------------- [Master Stylesheet] Project: fin-sense Version: 1.0.0 ------------------------------------------------------------------- [Table of contents] 1. Body 2. Typography css / a 3. Preloader / #Preloader 4. Header css Start / .fin_header 5. Slider css Start / .fin_banner 6. Heading css Start / .fin_heading 7. Services css Start / .fin_services 8. Blog css Start / .fin_blog 9. Footer css Start / .fin_footer_main 10. Responsive css Start / .fin_reqcall_form -------------------------------------------------------------------*/ /*--------- Body Start -------*/ body { /* font-family: 'Montserrat', sans-serif; */ font-family: 'Poppins', sans-serif; font-size: 16px; line-height: 1.9; color: #000000; background-color:#ffffff; -webkit-font-smoothing: antialiased; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } /*---------- Typography CSS Start -------*/ a, a:hover, a:focus{ color: #777777; text-decoration: none; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'Montserrat', sans-serif; line-height: 1.1; color: #22409a; font-weight:500; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } img { max-width: 100%; } input, textarea, select, button, label, svg, svg path, svg rect, svg polygon, img, a, :after, :before, :hover, :focus, .form-control:focus{ outline: none !important; box-shadow:none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .fin_toppadder10{padding-top:10px;}.fin_toppadder20{padding-top:20px;}.fin_toppadder30{padding-top:30px;}.fin_toppadder40{padding-top:40px;}.fin_toppadder50{ padding-top:50px;}.fin_toppadder60{padding-top:60px;}.fin_toppadder70{padding-top:70px;}.fin_toppadder80{padding-top:80px;}.fin_toppadder90{padding-top:90px;}.fin_toppadder100{padding-top:100px;} .fin_bottompadder10{padding-bottom:10px;}.fin_bottompadder20{padding-bottom:20px;}.fin_bottompadder30{padding-bottom:30px;}.fin_bottompadder40{padding-bottom:40px;}.fin_bottompadder50{padding-bottom:50px;}.fin_bottompadder60{padding-bottom:60px;}.fin_bottompadder70{padding-bottom:70px;}.fin_bottompadder80{padding-bottom:80px;}.fin_bottompadder90{padding-bottom:90px;}.fin_bottompadder100{padding-bottom:100px;} /*---------- Preloader CSS Start -------*/ #preloader { background-color: #ffffff; bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 2147483647; width: 100%; height: 100%; } .loader { position: absolute; width: 140px; height: 100px; left: 0; right: 0; margin: 0px auto; top: 40%; } .loader__line { position: absolute; bottom: 0; width: 10px; height: 50%; background: #22409a; -webkit-transform-origin: center bottom; transform-origin: center bottom; box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); } .loader__line:nth-child(1) { left: 0px; -webkit-transform: scale(1, 0.2); transform: scale(1, 0.2); -webkit-animation: barUp1 4s infinite; animation: barUp1 4s infinite; } .loader__line:nth-child(2) { left: 15px; -webkit-transform: scale(1, 0.4); transform: scale(1, 0.4); -webkit-animation: barUp2 4s infinite; animation: barUp2 4s infinite; } .loader__line:nth-child(3) { left: 30px; -webkit-transform: scale(1, 0.6); transform: scale(1, 0.6); -webkit-animation: barUp3 4s infinite; animation: barUp3 4s infinite; } .loader__line:nth-child(4) { left: 45px; -webkit-transform: scale(1, 0.8); transform: scale(1, 0.8); -webkit-animation: barUp4 4s infinite; animation: barUp4 4s infinite; } .loader__line:nth-child(5) { left: 60px; -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-animation: barUp5 4s infinite; animation: barUp5 4s infinite; } .loader__point { position: absolute; bottom: 10px; left: 0; width: 10px; height: 10px; background: #333333; border-radius: 50%; -webkit-animation: ball 4s infinite; animation: ball 4s infinite; } @-webkit-keyframes ball { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 5% { -webkit-transform: translate(8px, -14px); transform: translate(8px, -14px); } 10% { -webkit-transform: translate(15px, -10px); transform: translate(15px, -10px); } 17% { -webkit-transform: translate(23px, -24px); transform: translate(23px, -24px); } 20% { -webkit-transform: translate(30px, -20px); transform: translate(30px, -20px); } 27% { -webkit-transform: translate(38px, -34px); transform: translate(38px, -34px); } 30% { -webkit-transform: translate(45px, -30px); transform: translate(45px, -30px); } 37% { -webkit-transform: translate(53px, -44px); transform: translate(53px, -44px); } 40% { -webkit-transform: translate(60px, -40px); transform: translate(60px, -40px); } 50% { -webkit-transform: translate(60px, 0); transform: translate(60px, 0); } 57% { -webkit-transform: translate(53px, -14px); transform: translate(53px, -14px); } 60% { -webkit-transform: translate(45px, -10px); transform: translate(45px, -10px); } 67% { -webkit-transform: translate(37px, -24px); transform: translate(37px, -24px); } 70% { -webkit-transform: translate(30px, -20px); transform: translate(30px, -20px); } 77% { -webkit-transform: translate(22px, -34px); transform: translate(22px, -34px); } 80% { -webkit-transform: translate(15px, -30px); transform: translate(15px, -30px); } 87% { -webkit-transform: translate(7px, -44px); transform: translate(7px, -44px); } 90% { -webkit-transform: translate(0, -40px); transform: translate(0, -40px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes ball { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 5% { -webkit-transform: translate(8px, -14px); transform: translate(8px, -14px); } 10% { -webkit-transform: translate(15px, -10px); transform: translate(15px, -10px); } 17% { -webkit-transform: translate(23px, -24px); transform: translate(23px, -24px); } 20% { -webkit-transform: translate(30px, -20px); transform: translate(30px, -20px); } 27% { -webkit-transform: translate(38px, -34px); transform: translate(38px, -34px); } 30% { -webkit-transform: translate(45px, -30px); transform: translate(45px, -30px); } 37% { -webkit-transform: translate(53px, -44px); transform: translate(53px, -44px); } 40% { -webkit-transform: translate(60px, -40px); transform: translate(60px, -40px); } 50% { -webkit-transform: translate(60px, 0); transform: translate(60px, 0); } 57% { -webkit-transform: translate(53px, -14px); transform: translate(53px, -14px); } 60% { -webkit-transform: translate(45px, -10px); transform: translate(45px, -10px); } 67% { -webkit-transform: translate(37px, -24px); transform: translate(37px, -24px); } 70% { -webkit-transform: translate(30px, -20px); transform: translate(30px, -20px); } 77% { -webkit-transform: translate(22px, -34px); transform: translate(22px, -34px); } 80% { -webkit-transform: translate(15px, -30px); transform: translate(15px, -30px); } 87% { -webkit-transform: translate(7px, -44px); transform: translate(7px, -44px); } 90% { -webkit-transform: translate(0, -40px); transform: translate(0, -40px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes barUp1 { 0% { -webkit-transform: scale(1, 0.2); transform: scale(1, 0.2); } 40% { -webkit-transform: scale(1, 0.2); transform: scale(1, 0.2); } 50% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } 90% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } 100% { -webkit-transform: scale(1, 0.2); transform: scale(1, 0.2); } } @keyframes barUp1 { 0% { -webkit-transform: scale(1, 0.2); transform: scale(1, 0.2); } 40% { -webkit-transform: scale(1, 0.2); transform: scale(1, 0.2); } 50% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } 90% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } 100% { -webkit-transform: scale(1, 0.2); transform: scale(1, 0.2); } } @-webkit-keyframes barUp2 { 0% { -webkit-transform: scale(1, 0.4); transform: scale(1, 0.4); } 40% { -webkit-transform: scale(1, 0.4); transform: scale(1, 0.4); } 50% { -webkit-transform: scale(1, 0.8); transform: scale(1, 0.8); } 90% { -webkit-transform: scale(1, 0.8); transform: scale(1, 0.8); } 100% { -webkit-transform: scale(1, 0.4); transform: scale(1, 0.4); } } @keyframes barUp2 { 0% { -webkit-transform: scale(1, 0.4); transform: scale(1, 0.4); } 40% { -webkit-transform: scale(1, 0.4); transform: scale(1, 0.4); } 50% { -webkit-transform: scale(1, 0.8); transform: scale(1, 0.8); } 90% { -webkit-transform: scale(1, 0.8); transform: scale(1, 0.8); } 100% { -webkit-transform: scale(1, 0.4); transform: scale(1, 0.4); } } @-webkit-keyframes barUp3 { 0% { -webkit-transform: scale(1, 0.6); transform: scale(1, 0.6); } 100% { -webkit-transform: scale(1, 0.6); transform: scale(1, 0.6); } } @keyframes barUp3 { 0% { -webkit-transform: scale(1, 0.6); transform: scale(1, 0.6); } 100% { -webkit-transform: scale(1, 0.6); transform: scale(1, 0.6); } } @-webkit-keyframes barUp4 { 0% { -webkit-transform: scale(1, 0.8); transform: scale(1, 0.8); } 40% { -webkit-transform: scale(1, 0.8); transform: scale(1, 0.8); } 50% { -webkit-transform: scale(1, 0.4); transform: scale(1, 0.4); } 90% { -webkit-transform: scale(1, 0.4); transform: scale(1, 0.4); } 100% { -webkit-transform: scale(1, 0.8); transform: scale(1, 0.8); } } @keyframes barUp4 { 0% { -webkit-transform: scale(1, 0.8); transform: scale(1, 0.8); } 40% { -webkit-transform: scale(1, 0.8); transform: scale(1, 0.8); } 50% { -webkit-transform: scale(1, 0.4); transform: scale(1, 0.4); } 90% { -webkit-transform: scale(1, 0.4); transform: scale(1, 0.4); } 100% { -webkit-transform: scale(1, 0.8); transform: scale(1, 0.8); } } @-webkit-keyframes barUp5 { 0% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } 40% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } 50% { -webkit-transform: scale(1, 0.2); transform: scale(1, 0.2); } 90% { -webkit-transform: scale(1, 0.2); transform: scale(1, 0.2); } 100% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } } @keyframes barUp5 { 0% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } 40% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } 50% { -webkit-transform: scale(1, 0.2); transform: scale(1, 0.2); } 90% { -webkit-transform: scale(1, 0.2); transform: scale(1, 0.2); } 100% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } } /*---------- Header CSS Start -------*/ .fin_header{ background-color:#ffffff; } .fin_header_top{ border-bottom:1px solid #d3d3d3; padding:20px 0px; } .fin_header_top ul{ margin:0px; padding:0px; } .fin_header_top ul li{ list-style:none; position:relative; margin-right:30px; display: flex; } .fin_header_top ul li:last-child{ margin-right:0px; } .fin_header_top ul li:after{ content: ""; position: absolute; top: 5.5px; right: -15px; width: 1px; height: 10px; background-color: #d3d3d3; } .fin_header_top ul li:last-child:after{ display:none; } .fin_header_top ul li select{ width: 70px; margin-top: -2px; margin-left: 5px; border: 1px solid #d3d3d3; border-radius: 50px; padding: 0px 5px; cursor: pointer; } .fin_header_top ul li span{ padding-left:10px; color:#333333; line-height: initial; } .fin_header_top ul li svg path{ fill:#22409a; } .fin_header_top ul li a, .fin_header_top ul li a i{ color:#333333; line-height: initial; } .fin_header_top ul li a:hover, .fin_header_top ul li a:hover i{ color:#22409a; } .fin_header_middle{ /*padding:30px 0px;*/ padding:10px 0px; } .fin_logo{ padding-top:5px; } .fin_menu_icon{ display:none; } .fin_header_bottom{ background-color:#f58728; text-align:center; position: relative; z-index: 2; } .fin_menu ul{ margin:0px; padding:0px; display: flex; } .fin_menu ul li{ list-style:none; position:relative; } .fin_menu ul li a{ padding: 10px 25px; color:#ffffff; /*padding:30px 15px;*/ text-transform:capitalize; font-weight: 500; position:relative; cursor: pointer; display: block; } .fin_menu ul li:first-child a { padding-left: 0; padding-right: 0; margin-right: 15px; } .fin_menu ul li a i { font-size: 13px; } .fin_menu ul li a:after{ content:""; position:absolute; bottom:25px; left:100%; right:100%; /*background-color:#ffffff;*/ height:2px; } .fin_menu ul li a:hover:after{ right:20%; left:20%; } .fin_menu ul li:hover ul.sub-menu { opacity: 1; visibility: visible; -webkit-transform: -webkit-translateY(0px); -moz-transform: -moz-translateY(0px); -ms-transform: -ms-translateY(0px); -o-transform: -o-translateY(0px); transform: translateY(0px); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; display: block; } .fin_menu ul li ul.sub-menu { position: absolute; top:100%; z-index: 100; text-align:left; width:300px; opacity: 0; visibility: hidden; -webkit-transform: -webkit-translateY(15px); -moz-transform: -moz-translateY(15px); -ms-transform: -ms-translateY(15px); -o-transform: -o-translateY(15px); transform: translateY(15px); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; box-shadow: 0px 15px 20px -10px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 15px 20px -10px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 15px 20px -10px rgba(0, 0, 0, 0.5); -o-box-shadow: 0px 15px 20px -10px rgba(0, 0, 0, 0.5); -ms-box-shadow: 0px 15px 20px -10px rgba(0, 0, 0, 0.5); background-color:#ffffff; } .fin_menu ul li ul.sub-menu li { width:100%; border-bottom: 1px solid #eee; } .fin_menu ul li ul.sub-menu li a { /*padding: 10px 0 10px 50px;*/ padding: 10px 0 10px 10px; width:100%; } .fin_menu ul li ul.sub-menu li a:after{ display:none; } .fin_menu ul li ul.sub-menu li:first-child a{ padding-top:10px; } .fin_menu ul li ul.sub-menu li:last-child a{ padding-bottom:10px; } .manu_flex{ display: flex; align-items: center; justify-content: space-between; } .fin_searchnbtn{ padding:18px 0px 0px 0px; } .fin_searchnbtn ul{ margin:0px; padding:0px; } .fin_searchnbtn ul li{ list-style:none; position:relative; } .fin_searchnbtn .search { position: absolute; margin: auto; top: 50px; right: 165px; bottom: 0; width: 50px; height: 50px; background: #ffffff; border-radius: 50%; transition: all 1s; z-index: 4; } .fin_searchnbtn .search:hover { cursor: pointer; } .fin_searchnbtn .search::before { content: ""; position: absolute; margin: auto; top: 12px; right: 0; bottom: 0; left: 12px; width: 10px; height: 2px; background: #22409a; transform: rotate(46deg); transition: all .3s; } .fin_searchnbtn .search::after { content: ""; position: absolute; margin: auto; top: -4px; right: 0; bottom: 0; left: -3px; width: 15px; height: 15px; border-radius: 50%; border: 2px solid #22409a; transition: all .3s; } .fin_searchnbtn input { position: absolute; margin: auto; top: 50px; right: 15px; bottom: 0; width: 50px; height: 50px; border: 1px solid #22409a; background: #ffffff; padding: 0 0px 0 0px; border-radius: 50px; transition: all 0.5s; opacity: 0; z-index: 5; } .fin_searchnbtn input::-webkit-input-placeholder { color: #333333 !important; } .fin_searchnbtn input::-moz-placeholder { color: #333333 !important; } .fin_searchnbtn input:-ms-input-placeholder { color: #333333 !important; } .fin_searchnbtn input:-moz-placeholder { color: #333333 !important; } .fin_searchnbtn input:hover { cursor: pointer; } .fin_searchnbtn input:focus { width: 300px; opacity: 1; cursor: text; padding: 0 65px 0 20px; } .fin_searchnbtn input:focus ~ .search { right: 15px; background: #101010; z-index: 6; border-radius: 0px 50px 50px 0px; } .fin_searchnbtn input:focus ~ .search::before { top: 0; left: 0; width: 20px; background: #ffffff; } .fin_searchnbtn input:focus ~ .search::after { top: 0; left: 0; width: 20px; height: 2px; border: none; background: #ffffff; border-radius: 0%; transform: rotate(-45deg); } .fin_searchnbtn input::placeholder { color: #ffffff; opacity: 0.5; } /* vilash */ .fin_header .fin_header_middle .fin_orginfo { display: flex; align-items: center; justify-content: end; } .fin_header .fin_header_middle .fin_orginfo .inquery p { width: calc(100% - 30px); margin: 0px; font-weight: 500; font-size: 15px; text-transform: capitalize; color: #333333; padding-left: 15px; line-height: initial; } .fin_header .fin_header_middle .fin_orginfo .inquery svg { margin-top: 3px; } .fin_header .fin_header_middle .fin_orginfo .inquery { border-right: 1px solid #D3D3D3; padding-left: 20px; padding-right: 20px; display: flex; } .fin_header .fin_header_middle .fin_orginfo .inquery svg path { fill: #22409a; } .fin_orginfo .inquery p span { font-weight: 400; font-size: 16px; color: #777777; display: block; } .fin_header .fin_header_middle .fin_orginfo .inquery:last-child { border-right: none; padding-right: 0; } .fin_menu ul li ul.sub-menu li a { color: #22409a; } .fin_menu ul li ul.sub-menu li:hover { background: #22409a; } .fin_menu ul li ul.sub-menu li:hover a { color:#fff; } /* vilash */ /*---------- Button CSS Start -------*/ .fin_btn, .fin_btn_blue{ display:inline-block; min-width:150px; height:50px; line-height:50px; text-transform:capitalize; color:#22409a; background-color:#ffffff; border-radius:50px; text-align:center; padding:0px 15px; font-weight: 500; border:none; position:relative; overflow:hidden; z-index:1; } .fin_btn:after, .fin_btn_blue:after{ content:""; position:absolute; left:0; top:0; bottom:0; right:100%; background-color:#101010; z-index:-1; } .fin_btn:hover:after, .fin_btn_blue:hover:after{ right:0px; } .fin_btn:hover, .fin_btn_blue:hover{ color:#ffffff; box-shadow:0 15px 20px -5px rgba(14,56,133,0.15); } .fin_btn_blue{ color:#ffffff; background-color:#f58728; } .fin_btn_blue:focus, .fin_btn:focus{ color:#ffffff; } .fin_btn_blue:focus:hover, .fin_btn:focus:hover{ color:#fff; } .response { color: #ff0000; } /* ------------banner css start------ */ .swiper-container { width: 100%; height: 100%; } .swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .fin_banner .swiper_content { position: absolute; width: 400px; background:rgba(255, 255, 255, 0.8); padding:35px 50px; bottom: 20%; right: 10%; min-height: 337px; min-width: 566px; max-height: 337px; max-width: 566px; text-align:left; box-shadow: 0 4px 23px -2px rgba(0, 0, 0, 0.19), 0 0 0 1px rgba(0, 0, 0, 0); } .fin_banner .swiper_content h2 { font-weight: 700; font-size:30px; color: #2049b1; position:relative; font-family: 'Josefin Sans', sans-serif; text-transform: capitalize; } .fin_banner .swiper_content p { min-width: 460px; max-width: 460px; color: #000; font-family: 'Josefin Sans', sans-serif; font-size:18px; } .fin_banner .swiper_content span.banner_h2 { color: #333333; } .fin_banner .swiper_content a.fin_btn { position: absolute; bottom: -22px; background:#f58728; color:#fff; } .fin_banner .swiper_content h2:after { content: ""; position: absolute; top: 0; background: #22409a; width: 5px; height: 100%; left: -60px; } .fin_banner .swiper-slide.slide1.swiper-slide-active .swiper_content { animation: fadeInUp 0.5s linear; -webkit-animation:fadeInUp 0.5s linear; -ms-animation: fadeInUp 0.5s linear; -moz-animation: fadeInUp 0.5s linear; -o-animation: fadeInUp 0.5s linear; } .fin_banner .swiper-slide.slide2.swiper-slide-active .swiper_content { animation: fadeInDown 0.5s linear; -webkit-animation:fadeInDown 0.5s linear; -ms-animation: fadeInDown 0.5s linear; -moz-animation: fadeInDown 0.5s linear; -o-animation: fadeInDown 0.5s linear; } .fin_banner .swiper-slide.slide3.swiper-slide-active .swiper_content { animation: fadeInRight 0.5s linear; -webkit-animation:fadeInRight 0.5s linear; -ms-animation: fadeInRight 0.5s linear; -moz-animation: fadeInRight 0.5s linear; -o-animation: fadeInRight 0.5s linear; } @-webkit-keyframes swiperzoom { 0% { -webkit-transform: scale(1); top: 0; left: 0; } 100% { -webkit-transform: scale(1.1); top: 300px; } } .fin_banner .swiper-pagination-white .swiper-pagination-bullet-active { background: #22409a; width: 28px; border-radius: 30px; } .fin_banner .swiper-pagination-bullet { background: #222222b0; opacity: 1; } /* ------------banner css start------ */ /*---------- Slider CSS Start -------*/ /*---------- Heading CSS Start -------*/ .fin_heading{ text-align:center; margin-bottom:50px; } .fin_heading h1{ margin:0; text-transform:capitalize; color: #222; font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 40px; padding-bottom: 20px; } .fin_heading p{ margin:0px 0px 0px 0px; font-family: 'Josefin Sans', sans-serif; font-weight: 500; font-family: 'Poppins', sans-serif; } .heading_icon { margin: 10px auto; width: 120px; position: relative; display: inline-block; } .heading_icon ul { padding: 0px; margin: 0px; } .heading_icon ul::before { content: ''; width: 40px; height: 1px; background: #c9c9c9; left: 0; top: 61%; position: absolute; } .heading_icon ul::after { content: ''; width: 40px; height: 1px; background: #c9c9c9; right: 0; top: 61%; position: absolute; } .heading_icon ul li { display: inline-block; width: 3px; height: 7px; margin: 0px 2px; padding: 0px; background: #22409a; } /*---------- Expertise CSS Start -------*/ .fin_welcome{ background-color:#ffffff; padding:70px 0px 0px 0px; } .fin_welcome_info h1{ color:#222222; text-transform:capitalize; margin:20px 0px 20px 0px; font-weight: 700; } .fin_welcome_info p{ margin-bottom:20px; } .fin_welcome_info p b{ color:#22409a; font-weight:500; font-size:18px; } /*---------- Services CSS Start -------*/ .fin_services{ padding:70px 0px 48px 0px; background-color:#f9f9f9; } .fin_services.style_2{ background-color:#ffffff; } .fin_services .fin_service_info{ padding:30px 30px; margin-bottom: 30px; background-color:#ffffff; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; position: relative; text-align: center; } .fin_service_info:hover{ box-shadow:0 0 74px rgba(10, 10, 10,0.07); } .fin_service_info svg path, .fin_service_info svg circle, .fin_service_info svg rect{ fill:#22409a; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .fin_service_info:hover svg path, .fin_service_info:hover svg circle, .fin_service_info:hover svg rect{ fill:#333333; } .fin_service_info h3{ margin:15px 0px 15px 0px; position:relative; padding-bottom:10px; } .fin_service_info h3 a{ color:#222222; font-family: 'Josefin Sans', sans-serif; font-weight: 600; } .fin_service_info:hover h3 a { color: #ffffff; } .fin_service_info p{ margin:0px; font-weight: 400; font-family: 'Poppins', sans-serif; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .fin_services .service_readmore a.fin_btn { color: #ffffff; background-color: #22409a; min-width: 135px; height: 45px; line-height: 45px; } .fin_services .fin_service_info p { margin-bottom: 10px; } .fin_services .fin_service_content { position:relative; } .fin_services .fin_service_icon { position:relative; } .fin_services .service_readmore a { color: #22409a; font-weight: 600; } .fin_services .fin_service_icon svg { height: 50px; width: 50px; } .fin_services .fin_service_info h3:after { position: absolute; content: ""; bottom: 0; left: 0; right: 0; margin: auto; width: 100px; height: 2px; background: #22409a; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .fin_services .bg_img { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; background-size: cover; background-repeat: no-repeat; background-position: center center; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; } .fin_services .bg_1 { background-image: url(../images/service_001.jpg); opacity: 0; } .fin_services .bg_2 { background-image: url(../images/service_002.jpg); opacity: 0; } .fin_services .bg_3 { background-image: url(../images/service_003.jpg); opacity: 0; } .fin_services .bg_4 { background-image: url(../images/service_004.jpg); opacity: 0; } .fin_services .bg_5 { background-image: url(../images/service_005.jpg); opacity: 0; } .fin_services .bg_6 { background-image: url(../images/service_006.jpg); opacity: 0; } .fin_services .bg_img:before { position: absolute; content: ''; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.81); } .fin_services .fin_service_info:hover p, .fin_services .fin_service_info:hover a{ color: #ffffff; } .fin_services .fin_service_info:hover .fin_service_icon svg path, .fin_services .fin_service_info:hover .fin_service_icon svg circle, .fin_services .fin_service_info:hover .fin_service_icon svg rect { fill: white; } .fin_services .fin_service_info:hover .bg_1, .fin_services .fin_service_info:hover .bg_2, .fin_services .fin_service_info:hover .bg_3, .fin_services .fin_service_info:hover .bg_4, .fin_services .fin_service_info:hover .bg_5, .fin_services .fin_service_info:hover .bg_6 { opacity:1; background-position: 10px; } .fin_services .fin_service_info:hover h3:after { background: #fff; } .fin_services .service_readmore a i:before { transition: 0s; } /*---------- Video CSS Start -------*/ .fin_video_box { position: relative; } .fin_video_box_data { position: absolute; left: 90%; width: 110%; background: #fff; height: 300px; top: 35px; bottom: 35px; margin: auto; box-shadow: 0 0 10px 0 hsla(0, 0%, 57%, 0.41); z-index: 99; border-left: 10px solid #22409a; } .fin_video .fin_video_box_p { position: relative; padding: 36px 40px 35px 55px; } .fin_video{ padding: 70px 0 78px 0; position: relative; z-index: 1; background-color:#f9f9f9; } .fin_video_box{ position: relative; } .fin_video_box_data h1 { text-transform: capitalize; color: #222; font-family: 'Poppins', sans-serif; font-weight: 600; padding-bottom: 15px; margin: 0; font-size: 32px; } .fin_video_box p{ text-transform: inherit; font-size: 16px; font-weight: 400; margin: 0; padding-bottom: 23px; } .video-play-button { position: absolute; z-index: 10; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); box-sizing: content-box; display: block; width: 32px; height: 44px; background: #ffffff; border-radius: 50%; padding: 18px 20px 18px 28px; } .video-play-button:before { content: ""; position: absolute; z-index: 0; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); display: block; width: 80px; height: 80px; background: #ffffff; border-radius: 50%; -webkit-animation: pulse-border 1500ms ease-out infinite; animation: pulse-border 1500ms ease-out infinite; } .video-play-button:after { content: ""; position: absolute; z-index: 1; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); display: block; width: 80px; height: 80px; background: #ffffff; border-radius: 50%; transition: all 200ms; } .video-play-button span { display: block; position: relative; z-index: 3; width: 0; height: 0; border-left: 20px solid #22409a; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-right: 15px solid #ff000000; margin: 7px; } @-webkit-keyframes pulse-border { 0% { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1; } 100% { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0; } } @keyframes pulse-border { 0% { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1; } 100% { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0; } } .fin_video_box_data a.fin_btn { color: #ffffff; background-color: #22409a; } /*---------- why we CSS Start -------*/ .fin_whychoose { padding: 70px 0px 38px 0px; position:relative; } .fin_whychoose .fin_why_heading h3, .fin_welcome .fin_welcome_info h3 { margin: 0; padding: 0; font-size: 14px; font-weight: 600; position:relative; display:inline-block; text-transform: uppercase; } .fin_whychoose .fin_why_heading { padding-bottom: 40px; } .fin_whychoose .fin_why_heading h2 { margin: 0; padding-top: 15px; text-transform: capitalize; color: #222; font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 40px; } .fin_whychoose .fin_why_heading h3:after, .fin_welcome .fin_welcome_info h3:after { content: ""; position: absolute; right: -60px; width: 50px; height: 1px; background: #22409a; top: 0; bottom: 0; margin: auto; } .fin_whychoose .fin_box { padding-bottom: 33px; display: flex; } .fin_whychoose .fin_box .fin_icon svg { width: 80px; height: 80px; border: 2px solid #22409a; padding: 15px; border-radius: 50px; } .fin_whychoose .fin_box .fin_icon svg path { fill: #22409a; } .fin_whychoose .fin_box .fin_icon { padding-top: 10px; padding-left: 10px; } .fin_whychoose .fin_box .fin_content { width: calc(100% - 90px); } .fin_whychoose .fin_box .fin_content h4 { font-size: 20px; color: #222; font-family: 'Josefin Sans', sans-serif; font-weight: 600; } .fin_whychoose .fin_box .fin_content p { font-size: 16px; font-weight: 400; font-family: 'Poppins', sans-serif; } .fin_whychoose .fin_box .fin_content a { color:#22409a; font-weight: 400; font-family: 'Poppins', sans-serif; } .fin_whychoose .fin_box:hover .fin_icon svg { background: #22409a; } .fin_whychoose .fin_box:hover svg path { fill: #fff; } .fin_whychoose .fin_numb { position: absolute; right: 12%; bottom: 0; } /*---------- Blog CSS Start -------*/ .fin_blog{ padding:78px 0px 136px 0px; background: #fff; } .fin_blog{ /*padding: 78px 0px 38px 0px;*/ padding:38px 0px 28px 0px; } .fin_blog.blog_home { padding: 71px 0px 136px 0px; } .fin_blog_single{ background-color:#ffffff; /*padding-bottom:68px;*/ padding-bottom: 30px; } .fin_blog_box{ border-radius:3px; background-color:#ffffff; margin-bottom:30px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; box-shadow:0px 1px 4px 0px rgba(44, 49, 59, 0.15); } .fin_blog_box:hover{ box-shadow: -3.758px 26.737px 43px 0px rgba(42, 57, 63, 0.15); } .fin_blog_single .fin_blog_box{ border-bottom:1px solid #d3d3d3; } .fin_blog_single .fin_blog_box { box-shadow: 0 0 74px rgba(10, 10, 10,0.07); } .fin_blog_single .fin_blog_box:hover{ box-shadow: none; } .fin_blog.fin_blog_single.single_services .fin_blog_box:hover{ box-shadow: 0 0 74px rgba(10, 10, 10,0.07); } .fin_blog_box img{ border-radius:3px 3px 0px 0px; transition: all 0.5s; } .fin_blog.fin_blog_single.single_services .fin_blog_box img{ border-radius:0; } .fin_blog_boxinfo{ border-radius:3px; padding: 30px 25px; } .fin_blog_boxinfo h3{ margin: 0px 0px 10px 0px; border-top: 1px solid #eee; padding-top: 15px; color: #222; font-family: 'Josefin Sans', sans-serif; font-weight: 600; } .fin_blog_boxinfo h3 a{ color: #222; font-family: 'Josefin Sans', sans-serif; font-weight: 600; } .fin_blog_boxinfo h3 a:hover{ color:#22409a; } .fin_blog_boxinfo p{ margin:0px 0px 15px 0px; padding-top: 15px; } .fin_blog_boxinfo ul{ margin:0px; padding:0px; } .fin_blog_boxinfo ul.top li{ list-style: none; margin-right: 15px; display: flex; padding: 5px 0px 15px 0px; font-size: 14px; display: inline-block; } .fin_blog.fin_blog_single .fin_blog_boxinfo ul.top li { border-right: 1px solid #eee; padding: 0 15px; margin-bottom: 15px; } .fin_blog.fin_blog_single .fin_blog_boxinfo ul.top li:first-child { padding-left:0; } .fin_blog_boxinfo ul li:last-child{ margin-right:0px; } .fin_blog_boxinfo ul.top li a{ padding-left:10px; color: #333333; font-weight: 500; } .fin_blog_boxinfo ul li a:hover{ color:#22409a; } .fin_blog_boxinfo ul li svg path{ fill:#22409a; } .fin_blog_heading{ padding-left: 15px; margin: 0px 0px 35px 0px; position: relative; color: #222; font-weight: 600; font-size: 24px; } .fin_blog_heading:after{ content: ""; position: absolute; bottom: 0px; left: 0px; background-color: #22409a; width: 4px; height: 100%; } .fin_blog .fin_blog_boxinfo a.blog_read { color: #22409a; font-weight: 500; text-transform: capitalize; } .fin_blog.blog_home .fin_blog_box:hover img { transform: scale(1.1) rotate(1deg); -webkit-transform: scale(1.1) rotate(1deg); } .fin_blog .fin_blog_boximg { overflow: hidden; } .fin_blog .clear_bottom:nth-child(3n+1) { clear: both; } .fin_blog.fin_blog_single blockquote.blockquote { border-color: #22409a; background: #22409a; color: #fff; border-radius: 10px; padding: 20px; position:relative; } .fin_blog.fin_blog_single blockquote.blockquote i { position: absolute; font-size: 80px; opacity: 0.1; right: 48px; bottom: 0; } .fin_blog.fin_blog_single blockquote.blockquote span { font-family: 'Josefin Sans', sans-serif; font-weight: 600; } .fin_blog.fin_blog_single .blog_follow ul li.tag { font-family: 'Josefin Sans', sans-serif; font-size: 18px; color: #222; font-weight: 600; } .fin_blog.fin_blog_single .fin_blog_boxinfo .sblog_left ul li a { display: block; padding: 5px 10px; border: 1px solid rgba(23, 27, 36, 0.1); font-size: 14px; border-radius: 30px; color: rgba(36, 36, 36, 0.8); -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .fin_blog.fin_blog_single .fin_blog_boxinfo .sblog_left ul li a:hover { background: #22409a; color: #fff; } .fin_blog.fin_blog_single .blog_follow ul li { width: auto; list-style: none; margin-right: 7px; font-size: 14px; display:inline-block; } .fin_blog.fin_blog_single .blog_follow .sblog_right a{ font-size:18px; } .fin_blog.fin_blog_single .blog_follow .sblog_right a:hover{ color:#22409a } .fin_blog.fin_blog_single .blog_follow .sblog_right{ text-align: right; } .fin_blog.fin_blog_single .blog_follow { padding-top: 5px; } /* comment */ .fin_blog.fin_blog_single .sblog_comment { margin-bottom: 30px; } .fin_blog.fin_blog_single .sblog_comment h4 { color: #222; font-weight: 600; padding-top: 5px; } .fin_blog.fin_blog_single .sblog_comment .media { position: relative; } .fin_blog.fin_blog_single .sblog_comment span.replay { position: absolute; right: 0; top: 0; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .fin_blog.fin_blog_single .sblog_comment span.replay:hover { transform: translate(-5px); } .fin_blog.fin_blog_single .sblog_comment img{ max-width:initial!important; border-radius: 50%; box-shadow: 1px 1px 20px 0 rgba(0, 0, 0, 0.17); } .fin_blog.fin_blog_single .sblog_comment span.time { margin-bottom: 10px; } .fin_blog.fin_blog_single .sblog_comment span.replay a:hover{ color:#22409a; } .fin_blog.fin_blog_single .sblog_comment .media.m_replay { padding-left: 50px; } .fin_blog.fin_blog_single .sblog_comment .media-left, .fin_blog.fin_blog_single .sblog_comment .media>.pull-left { padding-right: 20px; } /*---------- Request Callback CSS Start -------*/ .fin_reqcall{ background-image: url(../images/request/01.jpg); background-repeat: no-repeat; background-size: cover; position: relative; z-index: 1; height: 500px; } .fin_reqcall:after{ content: ""; position: absolute; background-color:rgba(0, 0, 0, 0.25); top: 0; left: 0; bottom: 0; right: 0; z-index: -1; } .fin_reqcall_box{ background: #ffffff; padding: 40px; margin-top: -86px; box-shadow: 0 0 10px 0 hsla(0, 0%, 57%, 0.41); } .fin_reqcall_box svg{ display: none; } .fin_reqcall_box h1{ margin:0px 0px 10px 0px; color:#ffffff; color: #222; font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 30px; } .fin_reqcall_box p{ margin:0px 0px 30px 0px; } .fin_reqcall_form{ margin:0px 0px 0px 0px; } .fin_reqcall_form input, .fin_reqcall_form select{ width: 100%; height:50px; padding:0px 20px; background-color: #ffffff00; margin: 0px 15px 20px 0px; border: 1px solid #c6c6c6; } .fin_reqcall button.fin_btn { color: #ffffff; background-color: #22409a; } .fin_reqcall textarea.req_textarea { width: 100%; padding:10px 20px 20px 20px; background-color: #ffffff00; margin: 0px 15px 20px 0px; border: 1px solid #c6c6c6; resize: none; } /*---------- Testimonial CSS Start -------*/ .fin_testim{ padding:161px 0px 58px 0px; } .fin_testim.about_testi { padding: 70px 0 58px 0; } .fin_testim_box{ /* float:left; width:100%; */ margin-top:20px; margin-bottom:10px; } .fin_testim_info{ background-color: #f5f5f5; padding: 50px 50px 40px 50px; border-radius: 100px; position: relative; color:#333333; } .fin_testim_info img{ position: absolute; top: -20px; left: 50px; width: 54px !important; } .fin_testim_info:after{ content: ""; position: absolute; bottom: -20px; left: 75px; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 20px solid #f5f5f5; } .fin_testim_info p{ margin:0px; } .fin_testim_ainfo{ margin-top:25px; padding-left:50px; } .fin_testim_ainfo img{ width:80px !important; height:80px; border-radius:100%; box-shadow: 1px 1px 20px 0 rgba(0, 0, 0, 0.27); } .fin_testim_ainfo h4, .fin_testim_ainfo p{ width:calc(100% - 100px); margin:20px 0px 3px 0px; text-transform:capitalize; padding-left:15px; } .fin_testim_ainfo p{ margin:0px; } .fin_testim_slider .owl-theme .owl-dots .owl-dot span { width: 30px; height: 4px; } .fin_testim_slider .owl-theme .owl-dots .owl-dot.active span, .fin_testim_slider .owl-theme .owl-dots .owl-dot:hover span { background: #22409a; } .fin_testim_slider .owl-theme .owl-nav.disabled+.owl-dots { margin-top: -60px; position: absolute; right: 50px; } /*---------- Footer CSS Start -------*/ .fin_footer_main{ /*background-color:#ffffff;*/ /*background-color: rgba(45, 95, 222, 0.9); padding-top:70px;*/ } .fin_footer_cntct{ /*background-color: #ffffff;*/ /*background-color: rgba(45, 95, 222, 0.9);*/ box-shadow: 0 0 10px 0 hsla(0, 0%, 57%, 0.41); padding: 30px; position: relative; top: -60px; z-index: 2; border-radius: 100px; } .fin_footer_cntct p{ margin: 0px; font-weight: 500; font-size: 18px; text-transform: capitalize; color: #333333; padding-left: 15px; } .fin_footer_cntct p span{ display:block; font-weight:400; font-size:16px; color:#777777; } .fin_footer_cntct svg{ margin-top:3px; position:relative; } .fin_footer_cntct svg path{ fill:#ffffff; } .fin_footer_cntct .fin_svgicon{ position: relative; display: inline-block; width: 60px; height: 60px; z-index: 1; padding-top: 13px; text-align:center; } .fin_footer_cntct .fin_svgicon:after{ content: ""; position: absolute; top: 0; left: 0; width: 60px; height: 60px; background-color: #00133e; z-index: -1; border-radius: 11px; } .fin_footer{ padding: 70px 0px 30px 0px; background-image: url(../images/banner/0.png); background-repeat: no-repeat; background-position: 100% 50%; background-attachment: fixed; position: relative; z-index: 1; } .fin_footer:after { content: ""; position: absolute; background-color: rgb(34 64 154); top: 0; left: 0; bottom: 0; right: 0; z-index: -1; } .widget .widget-title{ margin:0px 0px 30px 0px; color:#ffffff; text-transform:capitalize; position:relative; } .widget .widget-title:after{ content: ""; position: absolute; bottom: -10px; left: 0px; width: 70px; height: 2px; background-color: #ffffff; } .widget p{ color:#ffffff; } .widget ul{ margin:0px; padding:0px; } .widget ul li{ list-style:none; display: grid; } .widget ul li a{ text-transform:capitalize; color:#ffffff; align-items: center; justify-content: center; } .fin_footer_logo, .widget{ margin-bottom: 30px; padding-top: 15px; font-size: 12px; } .fin_footer_logo img{ margin-bottom:30px; } .fin_footer_logo ul li{ width:auto; padding:0px; margin-right:15px; } .fin_footer_logo ul li:last-child{ margin-right:0px; } .fin_footer_logo ul li a{ width:35px; height:35px; line-height:35px; text-align:center; background-color:#ffffff; border-radius:100%; } .fin_footer_logo ul li a:hover{ background-color:#333333; } .fin_footer_logo ul li a i{ color:#22409a; } .fin_footer_logo ul li a:hover i{ color:#ffffff; } .fin_footer_links ul li{ padding: 7px 0px; } .fin_subsc input{ padding: 0px 40px 0px 20px; height:50px; border:none; border-radius:50px; margin-bottom:15px; background-color:#ffffff; max-width: 100%; } .fin_copyright{ text-align:center; padding:20px 0px; background-color: rgb(245 135 40); } .fin_copyright p{ color:#ffffff; margin:0px; } .fin_copyright p a{ color:#ffffff; } .foooter_info_pr { display: flex; justify-content: center; align-items: center; } .fin_footer_main .footer_fin_mail { position: relative; margin-top: 12px; display: inline-block; } .fin_footer_main button.fin_btn { position: absolute; right: 3px; top: 3px; margin: auto; min-width: 70px; height: 45px; line-height: 40px; color: #ffffff; background-color: #22409a; } .widget.widget_recent_entries.home span.rp_date { color: #ecf1fe; font-weight: 200; } .widget.widget_recent_entries.home .rp_data h2 { font-size: 16px; margin: 0; padding: 0; color: #fff; padding-top: 10px; } .widget.widget_recent_entries.home ul li { padding-bottom:25px; display: flex; } /*---------- Breadcrumb And Page Title CSS Start -------*/ .fin_breadcrumb{ background-image: url(../images/banner/0.png); background-repeat: no-repeat; background-position: 100% 0%; background-attachment:fixed; position: relative; z-index: 0; text-align:center; padding:70px 0px; } .fin_breadcrumb:after { position: absolute; content: ""; background-color: rgba(0, 0, 0, 0.8); top: 0; left: 0; bottom: 0; right: 0; z-index: -1; } .fin_pagetitle h1{ margin:0px 0px 15px 0px; color:#ffffff; /*text-transform:capitalize;*/ } .fin_brdcrmb ul{ margin:0px; padding:0px; } .fin_brdcrmb ul li{ display:inline-block; width:auto; list-style:none; margin-right:25px; position:relative; } .fin_brdcrmb ul li:after{ content: ""; position: absolute; top: 5px; right: -15px; background-color: #ffffff; width: 2px; height: 15px; } .fin_brdcrmb ul li:last-child{ margin-right:0px; } .fin_brdcrmb ul li:last-child:after{ display:none; } .fin_brdcrmb ul li a{ color:#ffffff; text-transform:capitalize } /*---------- MissionVision CSS start -------*/ .fin_msnvsn{ background-color: #f9f9f9; } .fin_performance{ padding:91px 150px 0px 150px; } .fin_performance h1 { text-transform: capitalize; color: #222; font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 40px; margin: 0; padding-bottom: 20px; } .fin_performance>p, .fin_msnvsn_dtl>p{ text-transform:capitalize; margin:0px 0px 10px 0px; font-size:24px; } .fin_performance>p, .fin_msnvsn_dtl>p{ text-transform:inherit; margin-bottom:30px; font-size:16px; } .fin_msnvsn_dtl ul li:last-child { margin-bottom: 0; } .fin_performance ul, .fin_msnvsn_dtl ul{ margin:0px; padding:0px; } .fin_msnvsn_dtl ul{ padding-left:16px; } .fin_performance ul li, .fin_msnvsn_dtl ul li{ list-style:none; } .fin_msnvsn_dtl ul li{ text-indent: -10px; padding-left: 10px; margin:10px 0px; list-style:none; } .fin_performance .sonny_progressbar p.title{ color: #333333; text-transform: capitalize; font-weight: 500; font-size: 18px; } .fin_performance .sonny_progressbar .bar-container, .fin_performance .sonny_progressbar .targetBar, .fin_performance .sonny_progressbar .bar { border-radius: 50px; } /* vilash */ .fin_performance .sonny_progressbar .bar { background-color:#22409a !important; } .fin_performance .sonny_progressbar .progress-percent { color: #222222;; } .fin_msnvsn .performance_img .padding_left{ padding-left: 0; padding-right: 0; } .fin_performance_img { background-color: #f9f9f9; background-image: url(../images/progress/01.jpg); background-repeat: no-repeat; background-size: cover; height:640px; } .fin_msnvsn .fin_performance h3 { margin: 0; padding: 0; font-size: 14px; font-weight: 600; position: relative; display: inline-block; text-transform: uppercase; margin-bottom: 20px; } .fin_msnvsn .fin_performance h3:after { content: ""; position: absolute; right: -60px; width: 50px; height: 1px; background: #22409a; top: 0; bottom: 0; margin: auto; } /* start our mission */ .fin_mission { background-color: #ffffff; padding: 78px 0 78px 0; } .fin_mission .fin_msnvsn_dtl h3, .fin_contact .fin_contact_info h3 { margin: 0; padding: 0; font-size: 14px; font-weight: 600; position: relative; display: inline-block; text-transform: uppercase; } .fin_mission .fin_msnvsn_dtl h3:after, .fin_contact .fin_contact_info h3:after { content: ""; position: absolute; right: -60px; width: 50px; height: 1px; background: #22409a; top: 0; bottom: 0; margin: auto; } .fin_mission .fin_msnvsn_dtl h1 { margin: 0; padding-top: 15px; text-transform: capitalize; color: #222; font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 40px; padding-bottom: 40px; } .fin_mission .fin_missionright { background: #fff; padding: 40px; width: 100%; float: left; position: relative; box-shadow: 1px 1px 20px 0 rgba(0,0,0,0.08); } .fin_mission .fin_missionright h2 { font-size: 28px; color: #333333; font-family: 'Josefin Sans', sans-serif; font-weight: 600; line-height: 1.4; } .fin_mission .fin_missionright .experience { position: absolute; top: 50px; right: -50px; width: 150px; background: #22409a; padding: 20px 10px; text-align: center; } .fin_mission .fin_missionright .experience h3 { color: #fff; font-size: 18px; font-family: 'Poppins', sans-serif; margin: 0; } .fin_mission .fin_missionright .experience .twenty { font-size: 30px; font-family: 'Poppins', sans-serif; font-weight: 600; padding-bottom: 5px; } .fin_mission .fin_msnvsn_dtl ul li i.right { color: #22409a; } /* End our mission */ /*---------- Empty Page CSS start -------*/ .fin_empty{ background-color:#ffffff; padding:70px 0px; } /*---------- Contact CSS start -------*/ .fin_contact{ background-color:#ffffff; padding:0px 0px 70px 0px; } .fin_contact iframe{ width:100%; height:560px; border:none; float:left; } .fin_contact.fin_con .fin_contact_info input{ border: 1px solid #c6c6c6; height: 50px; border-radius: 0; } .fin_contact.fin_con .fin_ifrem:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #00000061; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; } .fin_contact.fin_con .fin_ifrem { position: relative; } .fin_contact.fin_con .fin_ifrem:hover:after{ opacity:0; visibility:hidden; } .fin_contact.fin_con .fin_contact_info textarea { border: 1px solid #d3d3d3; border-radius: 0; } .fin_contact .fin_heading{ padding-top:70px; } .fin_contact.fin_con .fin_contact_info { position: absolute; width: 450px; background: #ffffff; padding: 40px; /*margin-top: -55px;*/ margin-top: -210px; box-shadow: 0 0 10px 0 hsla(0, 0%, 57%, 0.41); right: 20%; } .fin_contact.fin_con .fin_contact_box { padding: 50px 0; } .fin_contact_info label{ text-transform:capitalize; font-weight:500; color:#333333; } .fin_contact_info input, .fin_contact_info textarea{ border: 1px solid #d3d3d3; height: 50px; border-radius: 50px; margin-bottom: 20px; padding: 0px 25px; } .fin_contact_info textarea{ padding: 10px 25px; height: auto; resize: none; border-radius: 30px; width: 100%; } .fin_msnvsn .fin_performance .bar-container { height: 7px!important; } .sonny_progressbar .progress-percent { top: -30px; } .fin_contact_info h1 { margin: 0; padding-top: 10px; text-transform: capitalize; color: #222; font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 31px; padding-bottom: 20px; } /*---------- Team CSS start -------*/ .fin_team{ background-color:#ffffff; padding:68px 0px 28px 0px; } .fin_team_info{ margin-bottom: 30px; text-align: center; border-radius: 3px; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; padding: 10px; } .fin_team_img{ position:relative; text-align:center; overflow:hidden; z-index:1; border-radius:3px 3px 0px 0px; } .fin_team_img img{ display:inline-block; width:100%; } .fin_team_img ul{ padding: 0px; position: absolute; z-index: 2; bottom: 30px; left: 0; right: 0; margin: 0px auto; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .fin_team_img ul li{ display: none; width: auto; list-style: none; position: relative; margin-right: 5px; display: inline-block; } .fin_team_img ul li:last-child{ margin-right:0px; } .fin_team_img ul li a{ display: block; width: 40px; height: 40px; text-align: center; line-height: 41px; border-radius: 50%; background-color: #fff; color: #22409a; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; position: relative; z-index: 0; } .fin_team_img ul li a:hover { color: #fff; background-color: #22409a; } .fin_team_text{ padding:20px; background-color:#f9f9f9; border-radius:0px 0px 3px 3px; } .fin_team_text h3{ text-transform:capitalize; margin:0px 0px 5px 0px; } .fin_team_text h3 a{ color:#222222; font-family: 'Josefin Sans', sans-serif; font-weight: 600; } .fin_team_info:hover .fin_team_text h3 a{ color:#22409a; } .fin_team_text span{ text-transform:capitalize; color: #777777; margin-bottom:15px; font-weight:500; } .fin_team_text p{ margin-bottom:5px; } /* vilash */ .fin_team .fin_team_info .overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(45, 95, 222, 0.7); -ms-transform: rotateY(90deg); -webkit-transform: rotateY(90deg); transform: rotateY(90deg); visibility: visible; opacity: 1; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .fin_team_info:hover .overlay { -ms-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } .fin_team_info:hover { -webkit-box-shadow: -2.121px 2.121px 10px 0px rgba(36, 36, 36, 0.2), 0px 3px 10px 0px rgba(36, 36, 36, 0.1); box-shadow: -2.121px 2.121px 10px 0px rgba(36, 36, 36, 0.2), 0px 3px 10px 0px rgba(36, 36, 36, 0.1); } .fin_team_img ul li a i:before { transition: 0s; } .fin_team .fin_team_info:hover img { transform: scale(1.05); } /*---------- Packages CSS start -------*/ .fin_pricing{ background-color:#ffffff; padding:68px 0px 38px 0px; } .fin_pricing_info{ text-align: center; padding: 50px 20px 40px 20px; margin-bottom: 30px; box-shadow: 0 0 74px rgba(10, 10, 10,0.07); margin-top: 40px; position: relative; transition: all 0.5s; border-top: 2px solid #22409a; } .fin_pricing_info:hover { box-shadow: 0 0 74px rgba(14,56,133,0.15); transform: translate(0px, -10px); } .fin_pricing_info.active{ padding:80px 20px; margin-top:10px; box-shadow: 0 0 74px rgba(14,56,133,0.15); } .fin_pricing_info h2, .fin_pricing_info .price_ul, .fin_pricing_info span{ margin:0px 0px 10px 0px; text-transform:capitalize; } .fin_pricing_info span{ margin-bottom:15px; font-size:18px; font-weight:500; color:#222; } .fin_pricing_info .price_ul{ margin: 0px 0px 30px 0px; text-transform: inherit; list-style: none; padding: 0; } .fin_pricing_info svg{ display:inline-block; position: absolute; top: 0; left: 0; width: 100px; height: 110px; opacity: 0.2; } .fin_pricing_info svg path{ fill:#d3d3d3; } .fin_pricing_info:hover h2, .fin_pricing_info.active h2{ color:#333333; } .fin_pricing_info:hover span, .fin_pricing_info.active span{ color:#22409a; } /* vilash */ .fin_pricing_info h2 { font-size: 30px; font-weight: 600; color:#222222; } .price sup { top: -.5em; font-size: 19px; letter-spacing: -0.9px; text-align: center; color: #000; } .price strong { font-size: 65px; text-align: center; margin-left: 10px; } .price sub { font-size: 18px; font-weight: 300; line-height: 1.67; color: #000; letter-spacing: 0.2em; } .fin_pricing .fin_pricing_info .fin_btn_blue { height: 45px; line-height: 45px; } .fin_pricing .fin_pricing_info ul.price_ul li { padding-bottom: 15px; margin-bottom: 15px; font-family: 'Montserrat', sans-serif; font-weight: 500; position:relative; } .fin_pricing .fin_pricing_info ul.price_ul li:before { content: ""; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; background: #eee; height: 1px; width: 120px; } .fin_pricing .fin_pricing_info ul li i.right { color: #22409a; } .fin_pricing .fin_pricing_info ul li i.wrong { color: #ff0000; } /*---------- Error CSS start -------*/ .fin_error{ background-color:#ffffff; padding:150px 0px; } .fin_error_info{ text-align:center; } .fin_error_info h1{ text-align:center; margin-bottom:30px; } .fin_error_info h1 img{ display:inline-block; } .fin_error_info p{ font-size:18px; color:#333333; font-weight:500; margin-bottom:40px; } /*---------- Pagination CSS start -------*/ .fin_pagi{ text-align: center; padding: 0px 0px 30px 0px; } .fin_pagi ul{ display:inline-block; width:auto; margin:0px; padding:0px; } .fin_pagi ul li{ display:inline-block; width:auto; list-style:none; margin-right: 10px; } .fin_pagi ul li:last-child{ margin-right: 0px; } .fin_pagi ul li a{ display:inline-block; width:auto; border:1px solid #d3d3d3; border-radius:50px; text-align:center; padding:10px 20px; background-color:#ffffff; color:#333333; text-transform:capitalize } .fin_pagi ul li a.active, .fin_pagi ul li a:hover{ border:1px solid #22409a; background-color:#22409a; color:#ffffff; } .fin_pagi ul li span{ font-size:18px; font-weight:600; color:#333333; vertical-align: text-bottom; } /*---------- Sidebar CSS start -------*/ .fin_sidebar .widget{ border:1px solid #f1f1f1; margin-bottom:30px; border-radius:3px; padding:30px; } .fin_sidebar .widget_gallery img, .fin_sidebar .widget_recent_entries img { border-radius: 14%; box-shadow: 1px 1px 1px 1px #80808059; } .fin_sidebar .widget-title{ padding-left: 15px; position: relative; margin-bottom: 20px; color: #222; font-weight: 600; font-size: 24px; } .display_flex{ display: flex; } .padding_left{ /*padding-left: 25px;*/ padding-left:85px; } .fin_sidebar .widget-title:after { content: ""; position: absolute; top: 0px; left: 0px; background-color: #22409a; width: 4px; height: 100%; } .fin_sidebar .widget ul li a { color: #777777; padding: 10px; border-bottom:1px solid #f1f1f1; } .fin_sidebar .widget ul li:last-child a{ border-bottom:0px; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .fin_sidebar .widget ul li a:hover{ color: #22409a; } .fin_sidebar .widget_tag_cloud.widget ul li a:hover{ background: #22409a; color: #fff; } .fin_sidebar .widget.widget_tag_cloud ul li{ width:auto; } .fin_sidebar .widget.widget_tag_cloud ul li a{ width: auto; border: 1px solid #f1f1f1; border-radius: 30px; margin: 4px; padding: 5px 15px; } .fin_service_box{ border:1px solid #f1f1f1; margin-bottom:30px; border-radius:3px; padding:30px; } .fin_service_box h3{ color: #333333; padding-left:15px; position:relative; margin-bottom:20px; text-transform:capitalize; } .fin_service_box h3:after { content: ""; position: absolute; top: 0px; left: 0px; background-color: #22409a; width: 4px; height: 100%; } .fin_service_box ul{ margin:0px; padding:0px } .fin_service_box ul li{ list-style:none; } .fin_service_box ul li a{ text-transform:capitalize; padding:10px; border-bottom:1px solid #f1f1f1; display: block; } .fin_service_box ul li:last-child a{ border-bottom:0px; } .fin_service_box ul li a:hover{ color: #22409a; } .fin_service_box p{ margin-bottom:15px; } .fin_service_box.fin_filled{ background-color:#22409a; color:#ffffff; } .fin_service_box.fin_filled h3{ color:#ffffff; } .fin_service_box.fin_filled h3:after{ background-color:#ffffff; } .fin_blog.fin_blog_single .widget.widget_categories span.blog_badges{ float: right; color: #22409a; } .fin_blog.fin_blog_single .widget.widget_categories i { color: #22409a; padding-right: 5px; } .widget.widget_recent_entries .rp_data { width: calc(100% - 80px); padding-left: 15px; color: #222; } .widget.widget_recent_entries .rp_data h2 { font-size: 14px; margin: 0; padding: 0; color: #222; padding-top: 10px; } .widget.widget_recent_entries span.rp_date { font-size: 14px; color: #22409a; } .fin_blog.fin_blog_single .widget_search { margin-bottom: 30px; margin-bottom: 30px; position: relative; display: inline-block; display: grid; } .widget_search input[type="text"] { padding:0px 72px 0px 20px; height: 50px; border: none; border-radius: 50px; margin-bottom: 15px; background-color: #22409a; color: #fff; } .widget_search button.fin_btn { position: absolute; right: 3px; top: 3px; margin: auto; min-width: 100px; height: 44px; line-height: 40px; font-family: 'Montserrat', sans-serif; font-weight: 600; } .widget_search input::-webkit-input-placeholder { color: #fff !important; } .widget_search input::-moz-placeholder { color: #fff !important; } .widget_search input:-ms-input-placeholder { color: #fff !important; } .widget_search input:-moz-placeholder { color: #fff !important; } .widget.widget_gallery ul li { width: 29%; margin-bottom: 10px; margin-right: 10px; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; } .fin_sidebar .widget.widget_gallery ul li a { padding: 0; border-bottom: none; } .widget.widget_gallery ul li:hover { opacity: 0.7; } .fin_blog_boxinfo.single_ser h3 { border-top: none; } .fin_blog.fin_blog_single.single_services .fin_msnvsn_dtl h1 { margin: 0; text-transform: capitalize; color: #222; font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 21px; padding-bottom: 10px; } .fin_blog.fin_blog_single.single_services .fin_msnvsn_dtl ul li i.right { color: #22409a; } .fin_blog.fin_blog_single.single_services .services_list { box-shadow: 0 0 74px rgba(10, 10, 10,0.07); padding: 40px 20px; } /*---------- Policy CSS start -------*/ .fin_policy{ padding: 56px 0px; background-color:#ffffff; } .fin_policy_info h3{ margin: 0px 0px 10px 0px; padding-top: 15px; text-transform: capitalize; color: #222; font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 40px; } .fin_policy_info h4{ text-transform:capitalize; } /* }bottom to top css */ div#fin_toTop { position: fixed; right: 20px; background: #22409a; bottom: 20px; z-index: 999; border-radius: 50%; width: 50px; height: 50px; line-height: 50px; text-align: center; color: #fff; box-shadow: 1px 0px 5px 0px #0000005c; cursor:pointer; display:none; } /*---------- Responsive CSS start -------*/ @media (max-width: 1850px) { .fin_whychoose .fin_numb { right: 6% } } @media (max-width: 1600px) { .fin_whychoose .fin_numb { right: 3% } } @media (max-width: 1500px) { .fin_banner .swiper_content h2:after { left: -40px; } .fin_banner .swiper_content { min-height: 300px; min-width: 500px; max-height: 300px; max-width: 500px; padding: 25px 40px; } .fin_banner .swiper_content h2 { font-size: 38px; } .fin_banner .swiper_content p { font-size: 20px; } .fin_whychoose .fin_numb { right: 3%; width: 31%; height: 75%; } .fin_performance { padding: 91px 70px 0px 70px; } .fin_contact.fin_con .fin_contact_info { right: 10%; } } @media (max-width: 1200px) { .fin_banner .swiper_content { min-height: 250px; min-width: 482px; max-height: 250px; max-width: 450px; padding: 10px 25px; bottom: 14%; right: 2%; } .fin_banner .swiper_content h2 { font-size: 32px; } .fin_banner .swiper_content p { font-size: 20px; } .fin_banner .swiper_content h2:after { left: -25px; } .fin_whychoose .fin_numb { right: 3%; width: 375px; height: 405px; } } @media(max-width:1124px){ .fin_subsc input{ padding: 0px 0px 0px 20px; } } @media (min-width: 992px) and (max-width: 1199px) { .fin_reqcall_form input, .fin_reqcall_form select{ /* width:48%; */ } .fin_reqcall_form .fin_btn{ width:360px; } .fin_video_box_data { left: 75%; width: 100%; } .fin_footer_logo ul li { margin-right: 9px; } .fin_mission .fin_missionright .experience { top: 26px; } } @media (max-width: 1199px) { .fin_mission .fin_missionright h2 { font-size: 25px; } .fin_mission .fin_missionright .experience{ right: -14px; } .fin_performance>p, .fin_msnvsn_dtl>p { font-size: 15px; } } @media (min-width: 768px) and (max-width: 991px) { .fin_header_top { padding: 10px 0px; } .fin_header_middle { padding: 10px 0px; } .fin_logo { width: 100%; text-align: center; padding: 10px 0px 10px 0px; } .fin_logo img{ display:inline-block; width:auto; } .fin_header_bottom { } .fin_menu ul li a { padding: 30px 10px; } .fin_welcome_info { text-align: center; } .fin_welcome_info img{ display:inline-block; } .fin_reqcall_form input, .fin_reqcall_form select { /* width: 47%; */ } .fin_blog_box img { width: 100%; } .fin_sidebar { margin-top: 40px; } } @media (min-width:576px) and (max-width:767px) { .fin_header .fin_header_middle .fin_orginfo .inquery p { display: none; width: 100%; } .fin_header .fin_header_middle .fin_orginfo .inquery svg { margin-top: 0; display: none; } .fin_header .fin_header_middle .fin_orginfo { float: right; justify-content: center; text-align: center; } .fin_header .fin_header_middle .fin_orginfo .inquery { padding-left: 0px; } } @media(max-width:1126px){ .fin_whychoose .fin_numb{ width: 308px; height: 469px; } } @media (max-width: 991px) { .fin_video_box_data { position: unset; width: 100%; margin-top: 40px; height: auto; } .fin_header .fin_header_middle .fin_orginfo { display: none; padding: 10px 0; } .fin_banner .swiper_content { min-height: 200px; min-width: 460px; max-height: 250px; max-width: 400px; padding: 35px 20px; } .fin_banner .swiper_content h2 { font-size: 28px; margin: 0 0 5px 0; } .fin_banner .swiper_content p { font-size: 16px; padding:0px 15px 0px 0px; } .fin_banner .swiper_content a.fin_btn { bottom: -19px; min-width: 125px; height: 40px; font-size: 15px; line-height: 40px; } .fin_banner .swiper_content h2:after { left: -20px; } .fin_banner .swiper-slide .swiper_img_slide img { width: 100%; height: 400px; object-fit: cover; } .fin_welcome_info { margin-bottom: 40px; } .fin_whychoose .fin_numb { position: inherit; height: auto; width: auto; } .di_flay{ display: flex; flex-wrap: wrap; } .fin_footer_cntct svg { width: 20px; margin-top: -4px; } .fin_footer_cntct .fin_svgicon:after { top: 0; left: 0; right: 0; margin: auto; bottom: 0; width: 40px; height: 40px; } .fin_footer_cntct .fin_svgicon { width: 40px; height: inherit; } .fin_footer_cntct p { font-size: 15px; } .fin_footer_cntct p span { font-size: 14px; } .fin_mission .fin_missionright { margin-bottom: 40px; width: 80%; margin: 0 auto 40px auto; display: none; } .fin_mission .fin_missionright .experience { top: 13px; } .fin_performance { margin-bottom:30px; } .fin_performance { padding-top: 70px; padding-bottom: 28px; } .fin_msnvsn_dtl.single_list { margin-bottom: 30px; } .fin_blog.fin_blog_single.single_services .services_list { margin-bottom: 30px; } .fin_blog .clear_bottom:nth-child(2n+1) { clear: both; } .fin_blog.fin_blog_single .fin_blog_boxinfo ul.top li { padding: 0px 7px; } .fin_blog.fin_blog_single .blog_follow .sblog_right{ text-align:left; padding-top:10px; } .widget.widget_gallery ul li { width: auto; } .fin_blog_single { padding-bottom: 38px; } .fin_pricing_info.active { padding:50px 20px 40px 20px; margin-top: 40px; box-shadow: 0 0 74px rgba(10, 10, 10,0.07); } } @media (max-width: 767px) { .fin_menu_icon{ padding-top: 0px; cursor: pointer; display: block; line-height: 10px; } .fin_footer_main .footer_fin_mail{ display: grid; } .fin_header .fin_header_middle .fin_orginfo .inquery{ border: none; } .fin_menu ul{ display: block; } .fin_searchnbtn { display: none; } .fin_header_bottom { top: 0; width: 220px; position: fixed; height: 100%; background-color: #22409a; z-index: 5; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .fin_header_bottom.fin_menu_hide{ -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; overflow-x:hidden; } .fin_header_bottom::-webkit-scrollbar { width: 2px; border: 1px solid #333333; } .fin_header_bottom::-webkit-scrollbar-thumb { border-radius: 0px; background: #333333; -webkit-box-shadow: inset 0 0 2px #ffffff; } .fin_header_bottom::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 0px #ffffff; border-radius: 0px; background-color: #e2e2e2; } .fin_header_bottom .container, .fin_header_bottom .col-xs-12{ padding:0px; } .fin_menu ul li { width: 100%; } .fin_menu ul li a { width: 100%; padding: 10px 30px; text-align: left; } .fin_menu ul li:first-child a { padding: 20px 30px 10px 30px; } .fin_menu ul li ul.sub-menu{ width: 100%; } .fin_menu ul li ul.sub-menu li{ position:relative; } .fin_menu ul li ul.sub-menu li:after{ content: ""; position: absolute; left: 27px; top: 17px; background-color: #22409a; width: 10px; height: 2px; } .fin_menu ul li ul.sub-menu li:first-child a { padding-top: 6px; } .fin_menu ul li ul.sub-menu li:last-child a { padding-bottom: 6px; } .fin_welcome_info { text-align: center; } .fin_welcome_info img{ display:inline-block; } .fin_blog_box img { width: 100%; } .fin_reqcall_box{ text-align:center; } .fin_reqcall_box svg{ display: none; margin-bottom:25px; } .fin_reqcall_box h1, .fin_reqcall_box p{ width:100%; } .fin_reqcall_form { display: none; width: 80%; display: inline-block; } .fin_reqcall_form input, .fin_reqcall_form select { width: 100%; margin: 0px 0px 15px 0px; } .fin_reqcall_form .fin_btn{ float:right; } .fin_header_top { padding: 10px 0px; } .fin_header_middle { padding: 10px 0px; } .fin_logo { width: 100%; padding: 10px 0px 10px 0px; display: flex; align-items: center; justify-content: space-between; } .fin_logo img{ display: inline; } .fin_breadcrumb { padding: 50px 0px 50px 0px; } .fin_slider_text { padding: 150px 0px; } .fin_slider_text h1 { font-size: 42px; } .fin_sidebar { margin-top: 40px; } .fin_menu ul li a:after{ display:none; } span.fin_menu_overlay { top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.58); position: fixed; width: 100%; height: 100%; display: none; z-index: 4; } .open_overlay span.fin_menu_overlay{ display: block; } .fin_banner .swiper_content { min-height: 200px; min-width: 460px; max-height: 250px; max-width: 400px; padding: 45px 20px; bottom: 30px; left: 0; top: 10px; right: 0; margin: auto; } .fin_whychoose .w-100 { width: 400px; margin: 0 auto 30px auto; float: none; } .fin_whychoose .fin_why_heading { text-align: center; } .fin_whychoose .fin_why_heading h2, .fin_heading h1, .fin_welcome_info h1, .fin_performance h1, .fin_policy_info h3 { font-size: 30px; } .fin_blog .w-100 { margin: 0 auto 30px auto; } .foooter_info_pr.last-child { padding-top: 15px; } .fin_pricing .w-100 { width: 400px; float: none; margin: 0 auto; } .fin_contact.fin_con .fin_contact_info { position: inherit; margin: 0 auto; float: none; padding:0; width:400px; } .fin_contact.fin_con .fin_contact_shad{ position: inherit; float: left; margin:0px auto; box-shadow: 0 0 10px 0 hsla(0, 0%, 57%, 0.41); padding:30px; margin-top:50px; } .fin_contact { padding: 0px 0px 8px 0px; } .fin_testim_info { border-radius: 50px; } .fin_footer_cntct { border-radius: 50px; } } @media(max-width:640px) { .fin_header .fin_header_middle .fin_orginfo .inquery{ display: block; } } @media (max-width: 639px) { .fin_footer_cntct ul li { width: 100%; margin: 15px 0px; } .fin_reqcall_form { width: 100%; } .fin_header_topleft { width: 100%; text-align:center; } .fin_header_top ul li { margin-right: 10px; font-size:14px; } .fin_header_top ul li span { padding-left: 5px; } .fin_header_topright { width: 100%; text-align: center; margin-top: 5px; } .fin_header_topright ul li{ margin-right:30px; } .fin_header_top ul { display: none; width: auto; display: inline-block; vertical-align: bottom; } } @media (min-width: 639px) and (max-width: 767px) { .fin_menu ul li ul.sub-menu li:hover { background: #ffffffbf; } .fin_menu ul li ul.sub-menu li:hover a { color: #22409a; } } @media (max-width: 575px) { .fin_footer_cntct p{ padding-left: 0px; } .fin_video_box_data h1 { font-size: 25px; } .fin_video .fin_video_box_p { padding: 40px 20px 35px 30px; } .fin_footer_main .fin_footer_cntct .w-100{ width:100%; } .fin_footer_main .fin_footer_cntct .col-xs-offset-1{ margin-left:0; } .foooter_info_pr { display: inherit; text-align: center; padding-bottom: 10px; } .fin_header .fin_header_middle .fin_orginfo .inquery { padding-left: 0px; padding-right: 0; border-right:none; } .fin_header .fin_header_middle .fin_orginfo .inquery svg { margin-top: 0; float: none; } .fin_header .fin_header_middle .fin_orginfo .inquery p { float: none; width: 100%; } .fin_header .fin_header_middle .fin_orginfo { text-align: center; } .fin_team .w-100 { width: 400px; float: none; margin: 0 auto; } } @media (max-width: 510px) { .fin_header .fin_header_middle .fin_orginfo { display: inherit; } .fin_header .fin_header_middle .fin_orginfo .inquery { padding-top: 5px; display: block; } } @media (min-width: 480px) and (max-width: 767px) {} @media (max-width: 479px) { .fin_testim_slider .owl-theme .owl-nav.disabled+.owl-dots { margin-top: 0px; right: 0px; left: 0; } .fin_slider_text { padding: 100px 0px; } .fin_slider_text h1 { font-size: 32px; } .fin_banner .swiper_content { min-height: 200px; min-width: 95%; max-height: 250px; max-width: 95%; padding: 35px 20px; bottom: 0; left: 0; top: 0; right: 0; margin: auto; } .fin_banner .swiper_content p { min-width: 100%; max-width: 100%; } .fin_services .w-100 { width: 100%; } .fin_whychoose .w-100 { width: 100%; } .fin_blog .w-100 { width:100%; } .fin_reqcall_box { padding: 30px 10px; } .fin_performance { padding: 80px 20px 20px 20px; } .fin_mission .fin_missionright { width: 100%; } .fin_mission .fin_missionright .experience { top: 0; right: 0; } .fin_blog.fin_blog_single .blog_follow ul li { margin-bottom: 5px; } .fin_blog.fin_blog_single .blog_follow ul li.tag { width: 100%; } .sblog_comment .media-left { display: inherit; } .fin_pricing .w-100 { width: 360px; } .fin_team .w-100 { width: 100%; } .fin_contact.fin_con .fin_contact_info { width:100%; } .fin_contact.fin_con .fin_contact_shad { padding: 30px 0; } } @media (max-width: 380px) { .fin_banner .swiper_content h2 { font-size: 22px; } .fin_banner .swiper_content { padding: 35px 20px; } .fin_banner .swiper_content p { font-size: 16px; } .fin_blog.fin_blog_single .fin_blog_boxinfo ul.top li { padding: 0px 3px; } .widget.widget_gallery ul li { width: 45%; } .fin_sidebar .widget_gallery img{ width: 100%; } .fin_pricing .w-100 { width: 100%; } .widget_search input[type="text"]{ padding: 0px 72px 0px 20px; } }