/* ========================================== ----- Index css ----- 1. common css 2. header css 3. slider css 4. we-do css 5. about css 6. service css 7. testimonial css 8. faq css 9. team css 10. subscribe css 11. blog css 12. contact css 13. footer css ============================================ */ /*=========================== COMMON css ===========================*/ /* Font Awesome CDN must be included in your HTML */ @import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"); @import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700|Raleway:300,400,500,600,600i,700,900&display=swap"); @font-face { font-family: 'TTInterfaces'; src: url('/fonts/FontsFree-Net-TTInterfaces-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } html { scroll-behavior: smooth; } html { scroll-behavior: smooth; } body { font-family: "Open Sans", sans-serif; font-weight: normal; font-style: normal; color: #022949; background: #ffffff; overflow-x: hidden; } * { margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } img { max-width: 100%; } .navbar-toggler:focus, *:focus, a:focus, input:focus, textarea:focus, button:focus, .btn:focus, .btn.focus { text-decoration: none; outline: none; -webkit-box-shadow: none; box-shadow: none; } a:hover { -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; color: #f76c2f; } a:focus, a:hover { text-decoration: none; } i, span, a { display: inline-block; text-decoration: none; } audio, canvas, iframe, img, svg, video { vertical-align: middle; } h1, h2, h3, h4, h5, h6 { font-weight: 600; color: #221648; font-family: "Raleway", sans-serif; margin: 0px; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; } h1 { font-size: 48px; } h2 { font-size: 45px; } h3 { font-size: 28px; } h4 { font-size: 25px; } h5 { font-size: 20px; } h6 { font-size: 16px; } ul, ol { margin: 0px; padding: 0px; list-style-type: none; } p { font-size: 18px; font-weight: 400; line-height: 28px; color: #221648; margin: 0px; } .img-bg { background-position: center center; background-size: cover; background-repeat: no-repeat; width: 100%; height: 650px; } .theme-bg { background-color: #022949; } @media only screen and (min-width: 480px) and (max-width: 767px) { .container { width: 450px; } } .read-more { font-size: 18px; font-weight: 500; color: #f76c2f; font-family: "Raleway", sans-serif; } .read-more i { margin-left: 15px; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .read-more:hover i { margin-left: 30px; } .error { color: crimson; } .success { color: #022949; } .shape { position: absolute; } .tns-nav { position: absolute; bottom: -12px; left: 0; right: 0; margin: auto; text-align: center; z-index: 99; } .tns-nav button { cursor: pointer; text-indent: -999999px; border: none; border-radius: 50%; padding: 0; width: 15px; height: 15px; background: #f76c2f; margin: 0 8px; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .tns-nav button.tns-nav-active { background: #022949; -webkit-transform: scale(1.2); transform: scale(1.2); } /*===== All Button Style =====*/ .theme-btn { display: inline-block; font-weight: 600; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: 18px 40px; font-size: 18px; border-radius: 10px; border: none; color: #fff; cursor: pointer; z-index: 5; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; background-color: #022949; } .theme-btn:hover { background-color: rgba(2, 41, 73, 0.7); color: #fff; border-color: transparent; -webkit-box-shadow: 0 10px 25px rgba(2, 41, 73, 0.3); box-shadow: 0 10px 25px rgba(2, 41, 73, 0.3); } .scroll-top { width: 45px; height: 45px; background: #f76c2f; text-align: center; line-height: 45px; font-size: 20px; color: #fff; border-radius: 5px; position: fixed; bottom: 30px; right: 30px; z-index: 9; cursor: pointer; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .scroll-top:hover { color: #fff; background: rgba(2, 41, 73, 0.7); } @keyframes animation1 { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes animation1 { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); } } /*===== All Section Title Style =====*/ .section-title span { font-family: "Raleway", sans-serif; font-size: 32px; font-weight: 600; display: block; color: #f76c2f; margin-bottom: 15px; } /*===== All Preloader Style =====*/ .preloader { /* Body Overlay */ position: fixed; top: 0; left: 0; display: table; height: 100%; width: 100%; /* Change Background Color */ background: #fff; z-index: 99999; } .preloader .loader { display: table-cell; vertical-align: middle; text-align: center; } .preloader .loader .ytp-spinner { position: absolute; left: 50%; top: 50%; width: 64px; margin-left: -32px; z-index: 18; pointer-events: none; } .preloader .loader .ytp-spinner .ytp-spinner-container { pointer-events: none; position: absolute; width: 100%; padding-bottom: 100%; top: 50%; left: 50%; margin-top: -50%; margin-left: -50%; -webkit-animation: ytp-spinner-linspin 1568.2353ms linear infinite; animation: ytp-spinner-linspin 1568.2353ms linear infinite; } .preloader .loader .ytp-spinner .ytp-spinner-container .ytp-spinner-rotator { position: absolute; width: 100%; height: 100%; -webkit-animation: ytp-spinner-easespin 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; animation: ytp-spinner-easespin 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; } .preloader .loader .ytp-spinner .ytp-spinner-container .ytp-spinner-rotator .ytp-spinner-left { position: absolute; top: 0; left: 0; bottom: 0; overflow: hidden; right: 50%; } .preloader .loader .ytp-spinner .ytp-spinner-container .ytp-spinner-rotator .ytp-spinner-right { position: absolute; top: 0; right: 0; bottom: 0; overflow: hidden; left: 50%; } .preloader .loader .ytp-spinner-circle { -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; width: 200%; height: 100%; border-style: solid; /* Spinner Color */ border-color: #022949 #022949 #8c96a7; border-radius: 50%; border-width: 6px; } .preloader .loader .ytp-spinner-left .ytp-spinner-circle { left: 0; right: -100%; border-right-color: #8c96a7; -webkit-animation: ytp-spinner-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; animation: ytp-spinner-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; } .preloader .loader .ytp-spinner-right .ytp-spinner-circle { left: -100%; right: 0; border-left-color: #8c96a7; -webkit-animation: ytp-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; animation: ytp-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; } /* Preloader Animations */ @-webkit-keyframes ytp-spinner-linspin { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes ytp-spinner-linspin { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes ytp-spinner-easespin { 12.5% { -webkit-transform: rotate(135deg); transform: rotate(135deg); } 25% { -webkit-transform: rotate(270deg); transform: rotate(270deg); } 37.5% { -webkit-transform: rotate(405deg); transform: rotate(405deg); } 50% { -webkit-transform: rotate(540deg); transform: rotate(540deg); } 62.5% { -webkit-transform: rotate(675deg); transform: rotate(675deg); } 75% { -webkit-transform: rotate(810deg); transform: rotate(810deg); } 87.5% { -webkit-transform: rotate(945deg); transform: rotate(945deg); } to { -webkit-transform: rotate(1080deg); transform: rotate(1080deg); } } @keyframes ytp-spinner-easespin { 12.5% { -webkit-transform: rotate(135deg); transform: rotate(135deg); } 25% { -webkit-transform: rotate(270deg); transform: rotate(270deg); } 37.5% { -webkit-transform: rotate(405deg); transform: rotate(405deg); } 50% { -webkit-transform: rotate(540deg); transform: rotate(540deg); } 62.5% { -webkit-transform: rotate(675deg); transform: rotate(675deg); } 75% { -webkit-transform: rotate(810deg); transform: rotate(810deg); } 87.5% { -webkit-transform: rotate(945deg); transform: rotate(945deg); } to { -webkit-transform: rotate(1080deg); transform: rotate(1080deg); } } @-webkit-keyframes ytp-spinner-left-spin { 0% { -webkit-transform: rotate(130deg); transform: rotate(130deg); } 50% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } to { -webkit-transform: rotate(130deg); transform: rotate(130deg); } } @keyframes ytp-spinner-left-spin { 0% { -webkit-transform: rotate(130deg); transform: rotate(130deg); } 50% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } to { -webkit-transform: rotate(130deg); transform: rotate(130deg); } } @-webkit-keyframes ytp-right-spin { 0% { -webkit-transform: rotate(-130deg); transform: rotate(-130deg); } 50% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } to { -webkit-transform: rotate(-130deg); transform: rotate(-130deg); } } @keyframes ytp-right-spin { 0% { -webkit-transform: rotate(-130deg); transform: rotate(-130deg); } 50% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } to { -webkit-transform: rotate(-130deg); transform: rotate(-130deg); } } .mt-5 { margin-top: 5px; } .mt-10 { margin-top: 10px; } .mt-15 { margin-top: 15px; } .mt-20 { margin-top: 20px; } .mt-25 { margin-top: 25px; } .mt-30 { margin-top: 30px; } .mt-35 { margin-top: 35px; } .mt-40 { margin-top: 40px; } .mt-45 { margin-top: 45px; } .mt-50 { margin-top: 50px; } .mt-55 { margin-top: 55px; } .mt-60 { margin-top: 60px; } .mt-65 { margin-top: 65px; } .mt-70 { margin-top: 70px; } .mt-75 { margin-top: 75px; } .mt-80 { margin-top: 80px; } .mt-85 { margin-top: 85px; } .mt-90 { margin-top: 90px; } .mt-95 { margin-top: 95px; } .mt-100 { margin-top: 100px; } .mt-105 { margin-top: 105px; } .mt-110 { margin-top: 110px; } .mt-115 { margin-top: 115px; } .mt-120 { margin-top: 120px; } .mt-125 { margin-top: 125px; } .mt-130 { margin-top: 130px; } .mt-135 { margin-top: 135px; } .mt-140 { margin-top: 140px; } .mt-145 { margin-top: 145px; } .mt-150 { margin-top: 150px; } .mt-155 { margin-top: 155px; } .mt-160 { margin-top: 160px; } .mt-165 { margin-top: 165px; } .mt-170 { margin-top: 170px; } .mt-175 { margin-top: 175px; } .mt-180 { margin-top: 180px; } .mt-185 { margin-top: 185px; } .mt-190 { margin-top: 190px; } .mt-195 { margin-top: 195px; } .mt-200 { margin-top: 200px; } .mt-205 { margin-top: 205px; } .mt-210 { margin-top: 210px; } .mt-215 { margin-top: 215px; } .mt-220 { margin-top: 220px; } .mt-225 { margin-top: 225px; } .mb-5 { margin-bottom: 5px; } .mb-10 { margin-bottom: 10px; } .mb-15 { margin-bottom: 15px; } .mb-20 { margin-bottom: 20px; } .mb-25 { margin-bottom: 25px; } .mb-30 { margin-bottom: 30px; } .mb-35 { margin-bottom: 35px; } .mb-40 { margin-bottom: 40px; } .mb-45 { margin-bottom: 45px; } .mb-50 { margin-bottom: 50px; } .mb-55 { margin-bottom: 55px; } .mb-60 { margin-bottom: 60px; } .mb-65 { margin-bottom: 65px; } .mb-70 { margin-bottom: 70px; } .mb-75 { margin-bottom: 75px; } .mb-80 { margin-bottom: 80px; } .mb-85 { margin-bottom: 85px; } .mb-90 { margin-bottom: 90px; } .mb-95 { margin-bottom: 95px; } .mb-100 { margin-bottom: 100px; } .mb-105 { margin-bottom: 105px; } .mb-110 { margin-bottom: 110px; } .mb-115 { margin-bottom: 115px; } .mb-120 { margin-bottom: 120px; } .mb-125 { margin-bottom: 125px; } .mb-130 { margin-bottom: 130px; } .mb-135 { margin-bottom: 135px; } .mb-140 { margin-bottom: 140px; } .mb-145 { margin-bottom: 145px; } .mb-150 { margin-bottom: 150px; } .mb-155 { margin-bottom: 155px; } .mb-160 { margin-bottom: 160px; } .mb-165 { margin-bottom: 165px; } .mb-170 { margin-bottom: 170px; } .mb-175 { margin-bottom: 175px; } .mb-180 { margin-bottom: 180px; } .mb-185 { margin-bottom: 185px; } .mb-190 { margin-bottom: 190px; } .mb-195 { margin-bottom: 195px; } .mb-200 { margin-bottom: 200px; } .mb-205 { margin-bottom: 205px; } .mb-210 { margin-bottom: 210px; } .mb-215 { margin-bottom: 215px; } .mb-220 { margin-bottom: 220px; } .mb-225 { margin-bottom: 225px; } .pt-5 { padding-top: 5px; } .pt-10 { padding-top: 10px; } .pt-15 { padding-top: 15px; } .pt-20 { padding-top: 20px; } .pt-25 { padding-top: 25px; } .pt-30 { padding-top: 30px; } .pt-35 { padding-top: 35px; } .pt-40 { padding-top: 40px; } .pt-45 { padding-top: 45px; } .pt-50 { padding-top: 50px; } .pt-55 { padding-top: 55px; } .pt-60 { padding-top: 60px; } .pt-65 { padding-top: 65px; } .pt-70 { padding-top: 70px; } .pt-75 { padding-top: 75px; } .pt-80 { padding-top: 80px; } .pt-85 { padding-top: 85px; } .pt-90 { padding-top: 90px; } .pt-95 { padding-top: 95px; } .pt-100 { padding-top: 100px; } .pt-105 { padding-top: 105px; } .pt-110 { padding-top: 110px; } .pt-115 { padding-top: 115px; } .pt-120 { padding-top: 120px; } .pt-125 { padding-top: 125px; } .pt-130 { padding-top: 130px; } .pt-135 { padding-top: 135px; } .pt-140 { padding-top: 140px; } .pt-145 { padding-top: 145px; } .pt-150 { padding-top: 150px; } .pt-155 { padding-top: 155px; } .pt-160 { padding-top: 160px; } .pt-165 { padding-top: 165px; } .pt-170 { padding-top: 170px; } .pt-175 { padding-top: 175px; } .pt-180 { padding-top: 180px; } .pt-185 { padding-top: 185px; } .pt-190 { padding-top: 190px; } .pt-195 { padding-top: 195px; } .pt-200 { padding-top: 200px; } .pt-205 { padding-top: 205px; } .pt-210 { padding-top: 210px; } .pt-215 { padding-top: 215px; } .pt-220 { padding-top: 220px; } .pt-225 { padding-top: 225px; } .pb-5 { padding-bottom: 5px; } .pb-10 { padding-bottom: 10px; } .pb-15 { padding-bottom: 15px; } .pb-20 { padding-bottom: 20px; } .pb-25 { padding-bottom: 25px; } .pb-30 { padding-bottom: 30px; } .pb-35 { padding-bottom: 35px; } .pb-40 { padding-bottom: 40px; } .pb-45 { padding-bottom: 45px; } .pb-50 { padding-bottom: 50px; } .pb-55 { padding-bottom: 55px; } .pb-60 { padding-bottom: 60px; } .pb-65 { padding-bottom: 65px; } .pb-70 { padding-bottom: 70px; } .pb-75 { padding-bottom: 75px; } .pb-80 { padding-bottom: 80px; } .pb-85 { padding-bottom: 85px; } .pb-90 { padding-bottom: 90px; } .pb-95 { padding-bottom: 95px; } .pb-100 { padding-bottom: 100px; } .pb-105 { padding-bottom: 105px; } .pb-110 { padding-bottom: 110px; } .pb-115 { padding-bottom: 115px; } .pb-120 { padding-bottom: 120px; } .pb-125 { padding-bottom: 125px; } .pb-130 { padding-bottom: 130px; } .pb-135 { padding-bottom: 135px; } .pb-140 { padding-bottom: 140px; } .pb-145 { padding-bottom: 145px; } .pb-150 { padding-bottom: 150px; } .pb-155 { padding-bottom: 155px; } .pb-160 { padding-bottom: 160px; } .pb-165 { padding-bottom: 165px; } .pb-170 { padding-bottom: 170px; } .pb-175 { padding-bottom: 175px; } .pb-180 { padding-bottom: 180px; } .pb-185 { padding-bottom: 185px; } .pb-190 { padding-bottom: 190px; } .pb-195 { padding-bottom: 195px; } .pb-200 { padding-bottom: 200px; } .pb-205 { padding-bottom: 205px; } .pb-210 { padding-bottom: 210px; } .pb-215 { padding-bottom: 215px; } .pb-220 { padding-bottom: 220px; } .pb-225 { padding-bottom: 225px; } /*=========================== HEADER css ===========================*/ .header { position: relative; padding-top: 136px; } @media (max-width: 767px) { .header { padding-top: 86px; } .tns-controls { display: none !important; } } .header .header-wrapper { position: absolute; width: 100%; left: 0; top: 0; z-index: 99; } .header-top { padding: 10px 0; } .header-top ul li { display: inline-block; } .header-top ul li a { color: #fff; font-size: 14px; } .header-top ul li a i { width: 30px; height: 30px; border-radius: 50%; line-height: 30px; text-align: center; display: inline-block; background: rgba(255, 255, 255, 0.15); color: #fff; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .header-top ul li a i:hover { background: #fff; color: #022949; } .header-top .header-top-left ul li:first-child { margin-right: 35px; } .header-top .header-top-left ul li a i { margin-right: 10px; } .header-top .header-top-right { text-align: right; } .header-top .header-top-right ul li { margin-left: 15px; } @media (max-width: 767px) { .header-top { display: none; } } /*===== NAVBAR =====*/ .navbar-area { -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; background: #fff; } .sticky { position: fixed; z-index: 99; width: 100%; top: 0; left: 0; background-color: #fff; -webkit-box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.05); -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .sticky .navbar { padding: 10px 0; } .navbar { padding: 0; border-radius: 5px; position: relative; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; padding: 15px 0; } .navbar-brand { padding: 0; z-index: 99999999; margin-bottom: -60px; background: transparent !important; border-radius: 50%; } .navbar-brand img { max-width: 280px; } .navbar-toggler { padding: 0; } .footer-logo { width: 280px; height: auto; margin-bottom: 5%; } .navbar-toggler .toggler-icon { width: 30px; height: 2px; background-color: #222; display: block; margin: 5px 0; position: relative; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .navbar-toggler.active .toggler-icon:nth-of-type(1) { -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 7px; } .navbar-toggler.active .toggler-icon:nth-of-type(2) { opacity: 0; } .navbar-toggler.active .toggler-icon:nth-of-type(3) { -webkit-transform: rotate(135deg); transform: rotate(135deg); top: -7px; } .navbar-nav .nav-item { margin-left: 18px; position: relative; } .navbar-nav .nav-item:first-child { margin-left: 0; } h2.secsubtitle { font-size: 38px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .navbar-collapse { position: absolute; top: 100%; left: 0; width: 100%; background-color: #fff; z-index: 9; -webkit-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.1); padding: 50px 12px 10px; } .tns-controls { display: none !important; } } @media (max-width: 767px) { .navbar-collapse { position: absolute; top: 100%; left: 0; width: 100%; background-color: #fff; z-index: 9; -webkit-box-shadow: 0px 15px 20px 0px rgba(57, 62, 70, 0.1); box-shadow: 0px 15px 20px 0px rgba(57, 62, 70, 0.1); padding: 5px 12px; } .navbar-area { -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; background: #fff; padding-bottom: 10px; } h2.secsubtitle { font-size: 30px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .navbar-brand img { max-width: 220px; } .navbar-nav .nav-item a { font-size: 13px !important; } .navbar-nav .nav-item { margin-left: 10px!important; } .navbar { padding: 25px 0; } li.nav-item.dropdown { margin-bottom: 0px !important } } @media only screen and (min-width: 768px) and (max-width: 991px) { .navbar-nav .nav-item { margin: 0; } li.nav-item.dropdown { margin-bottom: 0px !important; } } @media (max-width: 767px) { .navbar-nav .nav-item { margin: 0; } } .navbar-nav .nav-item a { font-size: 16px; font-weight: 500; color: #393e46; font-family: "Raleway", sans-serif; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; position: relative; } @media only screen and (min-width: 768px) and (max-width: 991px) { .navbar-nav .nav-item a { display: block; padding: 4px 0; } } @media (max-width: 767px) { .navbar-nav .nav-item a { display: block; padding: 4px 0; } } .navbar-nav .nav-item a.active, .navbar-nav .nav-item a:hover { color: #f76c2f; font-weight: 600; } .navbar-nav .nav-item:hover .sub-menu { top: 100%; opacity: 1; visibility: visible; } @media only screen and (min-width: 768px) and (max-width: 991px) { .navbar-nav .nav-item:hover .sub-menu { top: 0; } } @media (max-width: 767px) { .navbar-nav .nav-item:hover .sub-menu { top: 0; } } .navbar-nav .nav-item .sub-menu { width: 200px; background-color: #fff; -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); position: absolute; top: 110%; left: 0; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } @media only screen and (min-width: 768px) and (max-width: 991px) { .navbar-nav .nav-item .sub-menu { position: relative; width: 100%; top: 0; display: none; opacity: 1; visibility: visible; } } @media (max-width: 767px) { .navbar-nav .nav-item .sub-menu { position: relative; width: 100%; top: 0; display: none; opacity: 1; visibility: visible; } } .navbar-nav .nav-item .sub-menu li { display: block; } .navbar-nav .nav-item .sub-menu li a { display: block; padding: 8px 20px; color: #222; } .navbar-nav .nav-item .sub-menu li a.active, .navbar-nav .nav-item .sub-menu li a:hover { padding-left: 25px; color: #f76c2f; } .navbar-nav .sub-nav-toggler { display: none; } @media only screen and (min-width: 768px) and (max-width: 991px) { .navbar-nav .sub-nav-toggler { display: block; position: absolute; right: 0; top: 0; background: none; color: #222; font-size: 18px; border: 0; width: 30px; height: 30px; } } @media (max-width: 767px) { .navbar-nav .sub-nav-toggler { display: block; position: absolute; right: 0; top: 0; background: none; color: #222; font-size: 18px; border: 0; width: 30px; height: 30px; } } .navbar-nav .sub-nav-toggler span { width: 8px; height: 8px; border-left: 1px solid #222; border-bottom: 1px solid #222; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); position: relative; top: -5px; } /*=========================== Slider CSS ===========================*/ .slider-section { position: relative; } .slider-section .single-slider { position: relative; z-index: 1; } .slider-section .single-slider::after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; background-image: -webkit-gradient(linear, left top, right top, from(#022949), color-stop(70.76%, rgba(2, 41, 73, 0.11)), to(rgba(255, 255, 255, 0))); /* background-image: linear-gradient(to right, #022949 0%, rgba(2, 41, 73, 0.11) 70.76%, rgba(255, 255, 255, 0) 100%);*/ background-image: linear-gradient(to right, #022949 0%, rgb(2 41 73 / 53%) 100.76%, rgba(2, 41, 73, 0) 69%); } .slider-section .single-slider .slider-content { padding: 180px 0 20px; text-align: center; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .slider-section .single-slider .slider-content { padding: 160px 0; height: 600px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .slider-section .single-slider .slider-content { padding: 110px 0px; height: 520px; } } @media (max-width: 767px) { .slider-section .single-slider .slider-content { padding: 100px 0px; text-align: center; height: 470px; } } .slider-section .single-slider .slider-content h2 { font-size: 65px; line-height: 76px; font-weight: 900; margin-bottom: 30px; color: #fff; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .slider-section .single-slider .slider-content h2 { font-size: 60px; line-height: 72px; } .img-bg { height: 800px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .slider-section .single-slider .slider-content h2 { font-size: 54px; line-height: 66px; } } @media (max-width: 767px) { .slider-section .single-slider .slider-content h2 { font-size: 36px; line-height: 48px; } .navbar-brand img { max-width: 230px; } .footer-logo { width: 230px; } } @media only screen and (min-width: 480px) and (max-width: 767px) { .slider-section .single-slider .slider-content h2 { font-size: 45px; line-height: 55px; } } .slider-section .single-slider .slider-content p { color: #fff; margin-bottom: 30px; height: 100px; } .slider-section .single-slider .slider-btn .theme-btn { background: #fff; color: #022949; } .slider-section .single-slider .slider-btn .theme-btn:hover { -webkit-box-shadow: 0 10px 25px rgba(255, 255, 255, 0.5); box-shadow: 0 10px 25px rgba(255, 255, 255, 0.5); } .slider-btn { text-align: center; padding: 0px 0px 119px; } .slider-section .tns-nav { bottom: 30px; } .slider-section .tns-nav button { background: rgba(255, 255, 255, 0.4); } .slider-section .tns-nav button.tns-nav-active { background: #fff; -webkit-transform: scale(1.2); transform: scale(1.2); } .we-do-section { position: relative; } .we-do-section .shape { left: -100px; } .we-do-section .we-do-item { text-align: left; } .we-do-section .we-do-item .we-do-icon { width: 87px; height: 87px; line-height: 83px; text-align: center; /* margin-left: auto;*/ margin-right: auto; border-radius: 50%; -webkit-box-shadow: 0 0 25px rgba(0, 173, 181, 0.15); box-shadow: 0 5px 25px rgb(226 226 226); cursor: pointer; } .we-do-section .we-do-item .we-do-icon:hover { box-shadow: 0 5px 25px rgb(255 190 113); } /*=========================== About css ===========================*/ .about-section { position: relative; overflow: hidden; } .about-section .shape { right: -50px; top: 160px; } .about-section .about-content p { padding: 0 15px; } @media (max-width: 767px) { .about-section .about-content p { padding: 0; } } .service-section { position: relative; } .service-section .shape { top: 160px; left: -50px; } .service-section .service-item { border-radius: 20px; -webkit-box-shadow: 0 10px 35px rgba(0, 173, 181, 0.14); /* box-shadow: 0 10px 35px rgba(0, 173, 181, 0.14);*/ box-shadow: 0 10px 35px rgb(34 22 72 / 22%); -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; position: relative; padding: 40px; z-index: 1; height: 420px; } .service-section .service-item .service-icon svg path { -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .service-section .service-item .service-content h4 { margin-bottom: 20px; } .service-section .service-item .service-content p { font-size: 16px; line-height: 25px; margin-bottom: 25px; } .service-section .service-item .service-overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; border-radius: 20px; /* background: url("../img/service/service-1.png");*/ opacity: 0; visibility: hidden; -webkit-transform: scale(0.9); transform: scale(0.9); -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .service-section .service-item .service-overlay::after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; border-radius: 20px; background: rgb(250 167 116 / 91%); } .service-section .service-item:hover .service-icon svg path { fill: #fff; } .service-section .service-item:hover .service-content h4, .service-section .service-item:hover .service-content p, .service-section .service-item:hover .service-content a { color: #fff; } .service-section .service-item:hover .service-overlay { opacity: 1; visibility: visible; -webkit-transform: scale(1); transform: scale(1); } /*=========================== Testimonial css ===========================*/ .testimonial-section { position: relative; } .testimonial-section .shape { right: 25px; top: 50px; } .testimonial-section .testimonial-active .slick-arrow { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #393e46; font-size: 40px; left: -100px; cursor: pointer; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } @media only screen and (min-width: 768px) and (max-width: 991px) { .testimonial-section .testimonial-active .slick-arrow { left: 0px; } } .testimonial-section .testimonial-active .slick-arrow:hover { color: #f76c2f; } .testimonial-section .testimonial-active .slick-arrow.lni-arrow-right { left: auto; right: -100px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .testimonial-section .testimonial-active .slick-arrow.lni-arrow-right { right: 0px; } } .testimonial-section .testimonial-active .single-testimonial { position: relative; text-align: center; margin-bottom: 40px; margin-top: 60px; } .testimonial-section .testimonial-active .single-testimonial .quote-icon { position: absolute; left: 0; right: 0; margin: auto; top: -30px; } .testimonial-section .testimonial-active .single-testimonial .testimonial-content p { font-size: 20px; font-weight: 600; color: #221648; margin-bottom: 30px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .testimonial-section .testimonial-active .single-testimonial .testimonial-content p { padding: 0 32px; } } @media (max-width: 767px) { .testimonial-section .testimonial-active .single-testimonial .testimonial-content p { padding: 0; font-size: 18px; } } .testimonial-section .testimonial-active .single-testimonial .testimonial-info h5 { font-family: "Open Sans", sans-serif; color: #f76c2f; } .testimonial-section .testimonial-active .single-testimonial .testimonial-info span { font-size: 16px; color: #8c96a7; } .testimonial-section .thumbnails li { margin: 0 5px; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; -webkit-transform: scale(0.7); transform: scale(0.7); } .testimonial-section .thumbnails li:focus { outline: none; } .testimonial-section .thumbnails li.tns-nav-active { -webkit-transform: scale(1); transform: scale(1); } .testimonial-section .thumbnails li img { /* width: 90px;*/ /* height: 100px;*/ border-radius: 20px; } @media (max-width: 767px) { .testimonial-section .thumbnails li img { display: none; } .faq-section .shape { position: absolute; right: -150px; top: 0; display: none; } } @media only screen and (min-width: 480px) and (max-width: 767px) { .testimonial-section .thumbnails li img { display: block; width: 75px; height: 75px; } } .faq-section { position: relative; overflow: hidden; } .faq-section .faq-video-wrapper { position: absolute; left: 0; top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; overflow: hidden; width: 50%; } @media only screen and (min-width: 1400px) { .faq-section .faq-video-wrapper { width: 48%; } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .faq-section .faq-video-wrapper { width: 47%; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .faq-section .faq-video-wrapper { position: unset; display: block; width: 100%; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .faq-section .faq-video-wrapper { position: unset; display: block; width: 100%; } } @media (max-width: 767px) { .faq-section .faq-video-wrapper { position: unset; display: block; width: 100%; } } .faq-section .faq-video-wrapper .faq-video { position: relative; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .faq-section .faq-video-wrapper .faq-video img { width: 100%; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .faq-section .faq-video-wrapper .faq-video img { width: 100%; } } @media (max-width: 767px) { .faq-section .faq-video-wrapper .faq-video img { width: 100%; } } .faq-section .faq-video-wrapper .faq-video .video-btn { position: absolute; width: 100%; height: 100%; top: 50%; left: 0; right: 0; margin: auto; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .faq-section .faq-video-wrapper .faq-video .video-btn a { display: inline-block; width: 77px; height: 77px; line-height: 77px; background: #221648; color: #fff; position: relative; text-align: center; border-radius: 50%; z-index: 1; } .faq-section .faq-video-wrapper .faq-video .video-btn a::before { content: ""; position: absolute; width: 129px; height: 129px; border-radius: 50%; background: rgba(34, 22, 72, 0.16); z-index: -1; top: -26px; left: -26px; -webkit-animation: animation1 2s linear infinite; animation: animation1 2s linear infinite; } .faq-section .faq-video-wrapper .faq-video .video-btn a::after { content: ""; position: absolute; width: 199px; height: 199px; border-radius: 50%; background: rgba(34, 22, 72, 0.13); z-index: -1; top: -61px; left: -61px; -webkit-animation: animation1 2s linear infinite 2s; animation: animation1 2s linear infinite 2s; } .faq-section .shape { position: absolute; right: -150px; top: 0; } .faq-section .faq-content-wrapper .faq-wrapper .faq-item { background: #022949; border-radius: 10px; } .faq-section .faq-content-wrapper .faq-wrapper .faq-item .faq-btn { display: block; width: 100%; text-align: left; color: #f76c2f; background: none; font-size: 20px; padding: 15px 50px 15px 30px; position: relative; white-space: normal; } .faq-section .faq-content-wrapper .faq-wrapper .faq-item .faq-btn i { position: absolute; right: 30px; top: 30px; font-size: 12px; } .faq-section .faq-content-wrapper .faq-wrapper .faq-item .faq-btn i::before { content: "\eb2c"; font: normal normal normal 1em/1 "LineIcons"; } .faq-section .faq-content-wrapper .faq-wrapper .faq-item .faq-btn.collapsed i::before { content: "\eb53"; } .faq-section .faq-content-wrapper .faq-wrapper .faq-item .faq-content { color: #fff; padding: 5px 30px 30px; font-size: 16px; line-height: 25px; } /*=========================== Team css ===========================*/ /*#tns2 > .tns-item { width: calc(10%) !important; padding-right: 15px; }*/ @media (min-width: 75em) { #tns2 { /* width: unset; */ width: calc(366.667%) !important; } } .team-section { position: relative; } .team-section .shape-5 { right: 25px; top: 122px; } .team-section .shape-6 { bottom: 25px; left: -40px; } .team-section .team-slider-wrapper { position: relative; } .team-section .single-team { padding: 15px 15px 0px; border-radius: 20px; border: 2px solid rgba(112, 112, 112, 0.18); background: #fff; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; width: 95%; } .team-section.single-team .team-img { border-radius: 20px 20px 0 0; position: relative; } .team-section .single-team .team-img img { width: 70%; } .team-section .single-team .team-img .specialist { width: 45px; height: 45px; line-height: 37px; text-align: center; border-radius: 50%; background: #f76c2f; border: 2px solid #fff; margin: auto; position: relative; bottom: 24px; left: 0; right: 0; z-index: 1; padding: 3px 0px 10px; } .specialist img { width: 30px; height: 25px; } .team-section .single-team .team-info h5 { margin-bottom: 8px; font-weight: 700; } .team-section .single-team .team-info span { font-size: 16px; } .team-section .single-team:hover { border-color: #022949; -webkit-box-shadow: 0 10px 35px rgba(2, 41, 73, 0.14); box-shadow: 0 10px 35px rgba(2, 41, 73, 0.14); } .subscribe-section { position: relative; z-index: 1; overflow: hidden; } .subscribe-section::after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-image: -webkit-gradient(linear, left top, right top, from(#ffffff), color-stop(rgba(255, 255, 255, 0.95)), color-stop(rgba(255, 255, 255, 0.64)), color-stop(rgba(255, 255, 255, 0.02)), to(rgba(255, 255, 255, 0))); background-image: linear-gradient(to right, #ffffff, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.64), rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0)); z-index: -1; } .subscribe-section .subscribe-wrapper .subscribe-from { margin-bottom: 50px; } .subscribe-section .subscribe-wrapper .subscribe-from input { width: 100%; max-width: 570px; height: 65px; font-size: 14px; border: none; background: #fff; padding: 0 30px; color: #8c96a7; border-radius: 10px; margin-right: 20px; border: 1px solid transparent; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; -webkit-box-shadow: 0 0 42px rgba(0, 173, 181, 0.15); box-shadow: 0 0 42px rgba(0, 173, 181, 0.15); margin-bottom: 20px; } .subscribe-section .subscribe-wrapper .subscribe-from input:focus { border-color: #221648; } @media only screen and (min-width: 768px) and (max-width: 991px) { .subscribe-section .subscribe-wrapper .subscribe-from input { width: 470px; } } @media (max-width: 767px) { .subscribe-section .subscribe-wrapper .subscribe-from input { width: 100%; } } .subscribe-section .subscribe-wrapper .support { margin-bottom: 10px; } .subscribe-section .subscribe-wrapper .support .support-icon { margin-right: 20px; } @media (max-width: 767px) { .subscribe-section .subscribe-wrapper .support h2 { font-size: 30px; } } .subscribe-section .subscribe-wrapper .support h2 span { color: #f76c2f; display: block; } .subscribe-section .subscribe-wrapper .subscribe-links ul li { display: inline-block; } .subscribe-section .subscribe-wrapper .subscribe-links ul li a i { width: 49px; height: 49px; line-height: 49px; text-align: center; border-radius: 50%; color: #fff; background: #022949; margin-right: 20px; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .subscribe-section .subscribe-wrapper .subscribe-links ul li a span { font-size: 26px; font-weight: 600; color: #f76c2f; margin-right: 40px; } .subscribe-section .subscribe-wrapper .subscribe-links ul li a:hover i { background: #f76c2f; } .subscribe-section .subscribe-wrapper .subscribe-links ul li:last-child a { margin-right: 0; } .subscribe-section .subscribe-wrapper .subscribe-links ul li:first-child a i { background: #f76c2f; } @media (max-width: 767px) { .subscribe-section .subscribe-wrapper .subscribe-links ul li:first-child { display: block; margin-bottom: 15px; } } /*=========================== Blog css ===========================*/ .blog-section { position: relative; overflow: hidden; } .blog-section .shape { top: 235px; right: -30px; } .blog-section .single-blog .blog-img { margin-bottom: 25px; border-radius: 20px 20px 0 0; overflow: hidden; } .blog-section .single-blog .blog-img a { display: block; } .blog-section .single-blog .blog-img a img { width: 100%; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .blog-section .single-blog .blog-content h4 { margin-bottom: 20px; } .blog-section .single-blog .blog-content h4:hover { color: #f76c2f; } .blog-section .single-blog .blog-content p { font-size: 16px; line-height: 25px; margin-bottom: 20px; } .blog-section .single-blog:hover .blog-img img { -webkit-transform: scale(1.3) rotate(-7deg); transform: scale(1.3) rotate(-7deg); } /*=========================== Contact css ===========================*/ .contact-section { position: relative; } .contact-section .shape { top: 250px; left: -120px; } .contact-section .contact-img { position: absolute; left: 0; width: 50%; bottom: 130px; } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .contact-section .contact-img { bottom: 165px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .contact-section .contact-img { bottom: 180px; } } .contact-section .contact-img img { width: 100%; } @media only screen and (min-width: 768px) and (max-width: 991px) { .contact-section .contact-wrapper { text-align: center; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .contact-section .contact-wrapper h2, .contact-section .contact-wrapper p { padding: 0 60px; } } @media (max-width: 767px) { .contact-section .contact-wrapper { text-align: center; } } .contact-section .contact-form .selectr-selected, .contact-section .contact-form input, .contact-section .contact-form textarea { width: 100%; border: 1px solid #8c96a7; border-radius: 10px; padding: 16px 25px; margin-bottom: 30px; font-size: 16px; line-height: 25px; color: #8c96a7; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .contact-section .contact-form .selectr-selected:focus, .contact-section .contact-form input:focus, .contact-section .contact-form textarea:focus { border-color: #221648; outline: none; } .contact-section .contact-form .selectr-selected { height: auto; } .contact-section .contact-form .selectr-selected::after { height: 10px; margin-top: -7px; right: 25px; width: 10px; } .contact-section .contact-form .selectr-selected .list { width: 100%; } .contact-section .contact-form .btn { padding: 16px 38px; } /*=========================== footer css ===========================*/ .footer { position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; background-color: #022949; } .footer::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #022949; opacity: 0.5; z-index: 1; pointer-events: none; } .footer > * { position: relative; z-index: 2; } /*.footer .footer-widget-wrapper { margin-bottom: 30px; }*/ ul.contact-info li { color: #fff; } ul.contact-info li a { color: #fff; text-decoration: underline; } span.contactinfo-txt { margin-left: 10px; padding: 2px; font-size: 18px; text-decoration: underline; color: #fff; } .contact-info img { width: 24px; } p.mb-0.text-center.copyright-text { color: #ffffff; } .footer .footer-widget-wrapper .footer-widget a.logo { margin-bottom: 35px; } .footer .footer-widget-wrapper .footer-widget h4 { color: #ffffff; margin-bottom: 35px; margin-top: 40px; font-size: 28px; } .footer .footer-widget-wrapper .footer-widget p { color: #ffffff; font-size: 18px; line-height: 26px; margin-bottom: 25px; } .footer .footer-widget-wrapper .footer-widget .footer-links li a { color: #fff; line-height: 37px; -webkit-transition: 0.3s; transition: 0.3s; font-size: 18px; } .footer .footer-widget-wrapper .footer-widget .footer-links li a:hover { text-decoration: underline; } .footer .footer-widget-wrapper .footer-widget .footer-social-links ul li { display: inline-block; } .footer .footer-widget-wrapper .footer-widget .footer-social-links ul li a { width: 35px; height: 35px; line-height: 35px; text-align: center; color: #fff; background: #f76c2f; border-radius: 5px; margin-right: 20px; } .footer .footer-widget-wrapper .footer-widget .footer-social-links ul li a:hover { background: #f76c2f; } .footer .footer-widget-wrapper .footer-widget .footer-social-links ul li:last-child a { margin-right: 0; } .footer .footer-widget-wrapper .footer-widget .map-canvas .map { border-radius: 10px; width: 100%; height: 207px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .footer .footer-widget-wrapper .footer-widget .map-canvas .map { height: 300px; } } .footer .copyright-area { padding: 25px 0; border-top: 1px solid #8c96a7; } .footer .copyright-area a { color: #ffffff; } .footer .copyright-area a:hover { color: #f76c2f; } /*# sourceMappingURL=main.css.map */ .team-slider-wrapper .row.team-active { justify-content: center !important; display: flex; flex-wrap: wrap; } .single-team { margin-left: auto; margin-right: auto; float: none; min-height: 90%; display: flex; flex-direction: column; } .services-section { background-color: #f76c2f; color: white; padding: 40px 0px 20px; /* background: linear-gradient(354deg, #F76C2F, #ffffff); */ } img.service-icon { width: 75px; } .service-box h5 { font-weight: 700; font-size: 25px; padding-bottom: 20px; color: #022949; } .service-box p { font-weight: 300; color: #022949; } .arrow-icon { font-weight: bold; margin-left: 5px; transition: transform 0.2s; } .service-box:hover .arrow-icon { transform: translateX(5px); } .tag-button { background-color: #f76c2f; color: #022949; font-weight: 700; border: none; border-radius: 50px; padding: 10px 20px; margin: 5px; } /* ========================= insurance Logo Carousel ========================= */ .slick-slide { margin: 0px 8px; } .slick-slide img { width: 100%; } .slick-prev, .slick-next { position: absolute; top: 35%; font-size: 1.8rem; } .slick-prev { left: 0; } i.slick-next.fas.fa-angle-right.slick-arrow { margin-right: -30px; cursor: pointer; color: #f76c2f; } i.slick-prev.fas.fa-angle-left.slick-arrow { margin-left: -30px; cursor: pointer; color: #f76c2f; } .slick-next { right: 0; } .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ""; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-initialized .slick-slide { display: block; border: 1px solid #d4d5dd; border-radius: 18px; padding: 5px; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } section#insurance { background: #f8f9fa; } h5.service-title { font-size: 22px; font-weight: 600; margin-bottom: 30px; height: 80px; line-height: 32px; background: #fef0ea; padding: 8px 16px; border-radius: 5px; /* color: #fff; */ display: flex; align-items: center; } .servicelist li { position: relative; padding-left: 24px; margin-bottom: 12px; list-style: none; font-size: 18px; } .servicelist li::before { content: "\f058"; /* Font Awesome: fa-circle-check */ font-family: "Font Awesome 6 Free"; font-weight: 900; color: #f76c2f; position: absolute; left: 0; top: 4px; /* align with top of text */ font-size: 16px; line-height: 1; } @media (max-width: 767px) { i.slick-next.fas.fa-angle-right.slick-arrow { margin-right: -15px; } i.slick-prev.fas.fa-angle-left.slick-arrow { margin-left: -15px; } .navbar-nav .nav-item a { display: block; padding: 9px 0; margin-top: 0px; } .navbar-collapse { margin-top: 0px; padding-top: 50px; padding: 50px 20px 20px; } img.service-icon { width: 80px; } .footer .footer-widget-wrapper .footer-widget h4 { color: #ffffff; margin-bottom: 15px; margin-top: 20px; } .navbar-toggler { padding: 0; margin-top: 15px; } } .job { margin-bottom: 10px; cursor: pointer; color: blue; } .job:hover { text-decoration: underline; } .error-icon { display: none; color: red; margin-left: 8px; } .form-group { margin-bottom: 5px; } .form-group.has-error { margin-bottom: 5px; /* tighter spacing when error is present */ } input, textarea { width: 100%; padding: 10px; border-radius: 5px; border: none; } .error-message { font-size: 14px; color: #dadada; } #iconMessage { color: #dadada; } .apply-form { background: #f76c2f; padding: 15px 40px 35px 40px; border-radius: 20px; } span.carrer-text { color: #ffffff; font-size: 36px; margin-bottom: 10px; } button.btn.theme-btn.submitbtn { padding: 12px 30px; margin-top: 0; } .contact-card { background-color: #1a1a4b; color: #fff; border-radius: 10px; padding: 40px 40px; text-align: center; } .contact-card i { font-size: 1.2rem; margin-right: 8px; } .contact-card a { color: #fff; text-decoration: none; } .contact-card a:hover { text-decoration: underline; } .contact-card h5 { font-size: 30px; color: #ffffff; margin-bottom: 20px; } .contact-card img { width: 45px; height: 45px; margin-right: 10px; } .contact-card p { font-size: 24px; color: #ffffff; font-weight: 500; } @media (max-width: 767px) { .contact-card { padding: 40px 12px; text-align: left; } .contact-card h5 { font-size: 26px; margin-bottom: 0px; } .contact-card p { font-size: 22px; } .contact-card img { width: 40px; height: 40px; } } .fab-wrapper { position: fixed; right: 20px; bottom: 20px; z-index: 1000; transition: transform 0.3s ease, opacity 0.3s ease; margin-bottom: 65px; margin-right: 10px; } .fab-wrapper.hide { transform: translateY(100px); opacity: 0; pointer-events: none; } .fab-contact { background-color: #f26522; color: white; border: none; padding: 7px 15px 7px 12px; border-radius: 8px; font-size: 16px; cursor: pointer; display: flex; align-items: center; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2); } .fab-contact .fab-icon { font-weight: bold; font-size: 20px; margin-right: 8px; } .fab-icon-holder { width: 45px; height: 45px; background: white; border-radius: 50%; text-align: center; line-height: 50px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2); color: #f26522; font-size: 20px; cursor: pointer; margin-bottom: 10px; line-height: 44px; } .fab-options { position: absolute; bottom: 60px; right: 0; display: none; flex-direction: column; align-items: flex-end; } .fab-label { margin-right: 10px; background: white; border-radius: 5px; padding: 5px 10px; font-size: 14px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1); color: #000; margin-top: -10px; } .fab-item { display: flex; align-items: center; } .fab-item a { color: #f26522; text-decoration: none; } .fab-item a:hover { color: #d04a10; } .text-danger { color: #dc3545 !important; font-size: 26px; line-height: 43px; } .nav-section { background-color: #1a1a4b; padding: 40px 30px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; display: flex; align-items: center; flex-direction: row; } .nav-link { background-color: #393a64; color: white; border-radius: 30px; padding: 8px 25px; font-weight: 500; border: none; text-align: left; min-width: 85%; transition: background 0.3s; margin-left: 10px; font-family: "Raleway", sans-serif; font-size: 18px; } .nav-link.active { color: white; background: linear-gradient(to bottom, #fa8653 0%, #fa8653 50%, #e36026 100%); } .nav-tab-wrap.active .circle-number { background: linear-gradient(to right, #ff7c48, #ff9e5e); } .nav-pills .nav-link { background-color: #393a64; color: white; border-radius: 30px; margin-bottom: 15px; text-align: left; padding: 10px 20px; display: flex; align-items: center; font-weight: 500; width: -webkit-fill-available; } .nav-pills .nav-link.active { background-color: #ff7c48; color: white; } .nav-pills .nav-link span.circle { background-color: #1a1d3d; color: white; border-radius: 50%; width: 28px; height: 28px; display: inline-flex; align-items: center; justify-content: center; font-size: 14px; font-weight: bold; margin-right: 12px; } .tab-content { color: #1c1c2c; padding: 40px; min-height: 450px; } .right-navtab { border-top-right-radius: 10px; border-bottom-right-radius: 10px; } .tab-content ul { list-style: none; padding-left: 0; padding-top: 25px; } .tab-content ul li { margin-bottom: 15px; position: relative; font-size: 18px; font-family: "Raleway", sans-serif; display: flex; font-weight: 600; } .tab-content ul li::before { content: "\f0a9"; font-family: "Font Awesome 6 Free"; font-weight: 900; color: #f76c2f; margin-right: 10px; } .nav-section-header { font-size: 25px; color: #ff7c48; /* text-transform: uppercase; */ font-weight: bold; font-family: "Raleway", sans-serif; } .nav-section-title { font-size: 30px; font-weight: 600; margin-bottom: 10px; color: #e8e8ec; font-family: "Raleway", sans-serif; } .navtab-section-title { font-size: 26px; } /*.navtab-section-title::before { content: "—"; margin-right: 8px; color: #1d1b39; / font-weight: bold; font-size: 1.2em; }*/ .nav-section-subtext { font-size: 16px; color: #ccc; margin-bottom: 30px; font-family: "Raleway", sans-serif; } .tab-number { font-size: 48px; color: #eaeaf1; font-weight: bold; opacity: 0.9; position: absolute; top: 30px; right: 30px; width: 65px; } .circle-number { background-color: #393a64; color: #fff; border-radius: 50%; width: 60px; height: 40px; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 14px; transition: background 0.3s; } .tab-number { position: absolute; top: 5px; right: 30px; font-size: 64px; font-weight: 700; color: rgba(0, 0, 0, 0.05); z-index: 1; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .navbar-nav .nav-item { margin-left: 30px; } .contact-card a { color: #fff; text-decoration: none; font-size: 20px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .navbar-nav .nav-item { margin: 0; } .right-navtab { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .nav-section { border-top-left-radius: 0px; border-bottom-left-radius: 0px; padding: 40px 16px; } .contact-card a { color: #fff; text-decoration: none; font-size: 18px; margin-top: 8px; } } @media (max-width: 767px) { span.logotitle { width: 45%; margin-left: -50px; } .navtab-section-title { font-size: 22px; } .tab-content { padding: 20px; } .right-navtab { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .nav-section { border-top-left-radius: 0px; border-bottom-left-radius: 0px; /* padding: 40px 16px 10px;*/ } .nav-link { font-size: 24px; } .circle-number { width: 70px; height: 70px; text-align: center; background-color: #393a64; clip-path: ellipse(50% 50% at 50% 50%); font-weight: bold; color: white; padding: 0px } .circle-number.active { background-color: #0056b3; } .nav-section { padding: 40px 30px 20px; } } /**** Team Modal ****/ h2.doctor-name.no-pad.no-margin { font-size: 30px; color: black; font-weight: 700; color: #000000; } h3.doctor-subtitle { padding: 4px 0px; font-size: 20px; font-weight: 600; color: #f76c2f; } .modal button.btn-close { border: none; background: #f4f4f4; height: 30px; width: 30px; top: 0; float: right; top: 0px; position: absolute; right: 0px; border-top-right-radius: 10px; } .modal button.btn-close:hover { background: red; color: #fff; } .modal .modal-body { position: relative; flex: 1 1 auto; padding: 1rem; padding: 35px 10px 25px; border: 2px solid #f76c2f; border-radius: 10px; background: #ffffff; } .modal-text { color: #000000; } .modal-content{ border-radius: 10px; } .readmore { padding-top: 15px; height: 40px; color: #f76c2f; cursor: pointer; font-weight: 600; z-index: 1; } .plusicon { margin-right: 3px; } .modal-img { padding-right: 10px; border-radius: 50%; } .team-info { display: flex; flex-direction: column; height: 150px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { span.logotitle { font-size: 18px !important; font-weight: 700; color: #f76c2f; line-height: 1.2em; left: 14%; position: absolute; width: 14%; } .navbar-nav .nav-item a { font-size: 14px; } .team-info { height: 180px; } .service-section .service-item { height: 500px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { span.logotitle { left: 0; font-size: 22px; font-weight: 700; color: #f76c2f; line-height: 1.2em; left: 20%; position: absolute; width: 25%; } .team-info { height: 130px; } .single-team { min-height: 93%; padding: 15px 30px 0px; } } @media (max-width: 767px) { li.nav-item.dropdown { margin-bottom: 0px !important; } .insurance { padding-bottom: 0px; } .modal-img { width: 50%; text-align: center; display: block; margin: 0 auto; } .modal .modal-body { padding: 35px 15px 20px 20px; }} /*** New Changes ***/ span.logotitle { font-size: 20px; font-weight: 700; color: #f76c2f; line-height: 1.3em; margin-top: 7px; text-transform: uppercase; /* font-family: "TTInterfaces", sans-serif;*/ } .dropdown-menu { list-style: none; } .dropdown-item.active, .dropdown-item:active { color: #ffffff !important; text-decoration: none; background-color: #f26522; } .dropdown-item:focus, .dropdown-item:hover { color: #ffffff !important; background-color: #f26522; } li.nav-item.dropdown { margin-bottom: -10px; } @media (max-width: 767px) { .navbar-nav .dropdown-menu { position: static; padding: 2px 10px; border: none; }} @media screen and (min-width: 992px) { .dropdown:hover .dropdown-menu { display: block; margin-top: 0; padding: 0; } .dropdown .dropdown-menu { display: none; } .dropdown:hover .dropdown-toggle::after { border-top: 0; border-bottom: 0.3em solid; } } @media screen and (max-width: 991px) { .dropdown-toggle.show::after { border-top: 0; border-bottom: 0.3em solid; } } h6.subhead-whatwedo { font-size: 18px; /* text-align: left; */ padding: 16px 0px; height: 70px; } .custom-slider-wrapper { position: relative; } .custom-prev, .custom-next { background: none; border: none; font-size: 24px; position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; cursor: pointer; color: #333; } .custom-prev { left: -40px; } .custom-next { right: -40px; } a.mapaddress { line-height: 30px !important; margin-top: -6px; } section.subscribe-section { background-size: cover; } @media screen and (min-width: 1800px) { span.logotitle { width: 15%; } } .about-subtitle { color: #f76c2f; } .carrertext { color: #000000 !important; display: inline-block !important; } #customize_wrapper { position: relative; /* VERY IMPORTANT so arrows can position inside */ } .tns-controls { position: absolute; top: 50%; width: 100%; display: flex; justify-content: space-between; transform: translateY(-50%); padding: 0 50px; /* adjust side spacing */ } .tns-controls button { pointer-events: all; background-color: #221648; border: none; border-radius: 50%; width: 45px; height: 45px; font-size: 1.5rem; color: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer; opacity: 0.8; transition: opacity 0.3s; } .tns-controls button:hover { opacity: 1; } .tns-controls button:first-child { right: 100%; /* move prev arrow */ position: absolute; margin-right: 10%; } .tns-controls button:last-child { left: 100%; /* move next arrow */ position: absolute; margin-left: 10%; }