/* @File: Cognizance Template Styles * This file contains the styling for the actual template, this is the file you need to edit to change the look of the template. This files table contents are outlined below>>>>> ******************************************* ******************************************* ** - Default CSS ** - Preloader Area CSS ** - Header Area CSS ** - Search Overlay CSS ** - Main Banner Area CSS ** - About Area CSS ** - CTA Area CSS ** - Spreads Virus Area CSS ** - Symptoms Area CSS ** - Funfacts Area CSS ** - How To Protect Area CSS ** - FAQ Area CSS ** - Appointment Area CSS ** - Doctors Area CSS ** - Emergency Contact Area CSS ** - Products Area CSS ** - Products Details Area CSS ** - Cart Area CSS ** - Checkout Area CSS ** - Blog Area CSS ** - Blog Details Area CSS ** - Subscribe Area CSS ** - Page Title Area CSS ** - Pagination CSS ** - Widget Sidebar CSS ** - Coming Soon Area CSS ** - Error 404 Area CSS ** - Contact Area CSS ** - Footer Area CSS ** - Go Top CSS */ /*================================================ Default CSS =================================================*/ @import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap"); body { padding: 0; margin: 0; font-family: "Open Sans", sans-serif; font-size: 15px; background-color: #fff; } :focus { outline: 0 !important; } a { text-decoration: none; color: #130947; -webkit-transition: 0.5s; transition: 0.5s; } a:hover { text-decoration: none; color: #4f87fb; } img { height: auto; max-width: 100%; } .d-table { width: 100%; height: 100%; } .d-table-cell { vertical-align: middle; } p { margin-top: 15px; line-height: 1.8; /* color: #606060; */ } p:last-child { margin-bottom: 0; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: "Open Sans", sans-serif; color: #130947; } .bg-f9f9f9 { background-color: #f9f9f9; } .ptb-100 { padding-top: 100px; padding-bottom: 100px; } .ptb-50 { padding-top: 50px; padding-bottom: 50px; } .pt-100 { padding-top: 100px; } .pb-100 { padding-bottom: 100px; } .pb-50 { padding-bottom: 50px; } .ptb-70 { padding-top: 70px; padding-bottom: 70px; } .pt-70 { padding-top: 70px; } .pb-70 { padding-bottom: 70px; } .container { max-width: 1230px; } /*default&optional-btn*/ .default-btn { position: relative; z-index: 1; text-transform: capitalize; background-color: #4f87fb; color: #ffffff; border: 1px solid #4f87fb; display: inline-block; -webkit-transition: 0.5s; transition: 0.5s; padding: 12px 25px 12px 50px; border-radius: 5px; font-size: 14px; font-weight: 700; } .default-btn i { position: absolute; left: 25px; top: 49%; -webkit-transform: translateY(-49%); transform: translateY(-49%); font-size: 15px; } .default-btn:hover { color: #ffffff; border-color: #130947; background-color: #130947; } .optional-btn { position: relative; z-index: 1; text-transform: capitalize; background-color: #130947; color: #ffffff; display: inline-block; -webkit-transition: 0.5s; transition: 0.5s; padding: 11.9px 25px 11.9px 50px; border-radius: 5px; border: 1px solid #130947; font-size: 14px; font-weight: 700; } .optional-btn i { position: absolute; left: 25px; top: 48%; -webkit-transform: translateY(-48%); transform: translateY(-48%); font-size: 15px; } .optional-btn:hover { color: #ffffff; background-color: #4f87fb; border-color: #4f87fb; } .optional-btn:hover::before { border-color: #4f87fb; } /*section-title*/ .section-title { text-align: center; /* margin-bottom: 60px; */ margin-bottom: 40px; } .section-title .sub-title { text-transform: uppercase; margin-bottom: 10px; color: #4f87fb; display: block; font-size: 14px; font-weight: 600; } .section-title h2 { margin-bottom: 0; font-size: 35px; font-weight: 800; } /*form-control*/ .form-control { background-color: #f5f5f5; height: 48px; border-radius: 0; -webkit-box-shadow: unset !important; box-shadow: unset !important; padding: 0 0 0 15px; /* border: 1px solid #f5f5f5; */ border: 1px solid #000; color: #130947; font-size: 15px; -webkit-transition: 0.5s; transition: 0.5s; } .form-control:focus { border-color: #4f87fb; /* background-color: #ffffff; */ } /* .form-control:focus::-webkit-input-placeholder { color: transparent; } .form-control:focus:-ms-input-placeholder { color: transparent; } .form-control:focus::-ms-input-placeholder { color: transparent; } .form-control:focus::placeholder { color: transparent; } */ .form-control::-webkit-input-placeholder { -webkit-transition: 0.5s; transition: 0.5s; } .form-control:-ms-input-placeholder { -webkit-transition: 0.5s; transition: 0.5s; } .form-control::-ms-input-placeholder { -webkit-transition: 0.5s; transition: 0.5s; } .form-control::placeholder { -webkit-transition: 0.5s; transition: 0.5s; } textarea.form-control { padding-top: 15px; height: auto !important; } .buy-now-btn { right: 20px; z-index: 99; top: 50%; position: fixed; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-radius: 30px; display: inline-block; color: #ffffff; background-color: #82b440; padding: 10px 20px 10px 42px; -webkit-box-shadow: 0 1px 20px 1px #82b440; box-shadow: 0 1px 20px 1px #82b440; font-size: 13px; font-weight: 600; } .buy-now-btn img { top: 50%; left: 20px; width: 15px; position: absolute; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .buy-now-btn:hover { background-color: #4f87fb; color: #ffffff; } /*================================================ Preloader Area CSS =================================================*/ .preloader { position: fixed; width: 100%; height: 100%; z-index: 99999; background: #4f87fb; top: 0; left: 0; } .preloader .loader { position: absolute; top: 43%; left: 0; right: 0; -webkit-transform: translateY(-43%); transform: translateY(-43%); text-align: center; margin: 0 auto; width: 50px; height: 50px; } .preloader .box { width: 100%; height: 100%; background: #ffffff; -webkit-animation: animate .5s linear infinite; animation: animate .5s linear infinite; position: absolute; top: 0; left: 0; border-radius: 3px; } .preloader .shadow { width: 100%; height: 5px; background: #000; opacity: 0.1; position: absolute; top: 59px; left: 0; border-radius: 50%; -webkit-animation: shadow .5s linear infinite; animation: shadow .5s linear infinite; } @-webkit-keyframes loader { 0% { left: -100px; } 100% { left: 110%; } } @keyframes loader { 0% { left: -100px; } 100% { left: 110%; } } @-webkit-keyframes animate { 17% { border-bottom-right-radius: 3px; } 25% { -webkit-transform: translateY(9px) rotate(22.5deg); transform: translateY(9px) rotate(22.5deg); } 50% { -webkit-transform: translateY(18px) scale(1, 0.9) rotate(45deg); transform: translateY(18px) scale(1, 0.9) rotate(45deg); border-bottom-right-radius: 40px; } 75% { -webkit-transform: translateY(9px) rotate(67.5deg); transform: translateY(9px) rotate(67.5deg); } 100% { -webkit-transform: translateY(0) rotate(90deg); transform: translateY(0) rotate(90deg); } } @keyframes animate { 17% { border-bottom-right-radius: 3px; } 25% { -webkit-transform: translateY(9px) rotate(22.5deg); transform: translateY(9px) rotate(22.5deg); } 50% { -webkit-transform: translateY(18px) scale(1, 0.9) rotate(45deg); transform: translateY(18px) scale(1, 0.9) rotate(45deg); border-bottom-right-radius: 40px; } 75% { -webkit-transform: translateY(9px) rotate(67.5deg); transform: translateY(9px) rotate(67.5deg); } 100% { -webkit-transform: translateY(0) rotate(90deg); transform: translateY(0) rotate(90deg); } } @-webkit-keyframes shadow { 50% { -webkit-transform: scale(1.2, 1); transform: scale(1.2, 1); } } @keyframes shadow { 50% { -webkit-transform: scale(1.2, 1); transform: scale(1.2, 1); } } /*================================================ Header Area CSS =================================================*/ .top-header { background-color: #f5f8ff; padding-top: 10px; padding-bottom: 10px; } .top-header-social { padding-left: 0; margin-bottom: 0; list-style-type: none; } .top-header-social li { display: inline-block; margin-right: 3px; } .top-header-social li a { display: block; color: #4f87fb; font-size: 20px; } .top-header-social li a:hover { color: #130947; -webkit-transform: translateY(-2px); transform: translateY(-2px); } .top-header-social li:last-child { margin-right: 0; } .top-header-contact-info { padding-left: 0; margin-bottom: 0; text-align: right; list-style-type: none; } .top-header-contact-info li { display: inline-block; margin-right: 10px; color: #130947; font-size: 14px; position: relative; padding-left: 24px; } .top-header-contact-info li i { position: absolute; left: 0; top: 1px; color: #4f87fb; font-size: 18px; } .top-header-contact-info li a { display: inline-block; font-weight: 600; } .top-header-contact-info li:first-child { margin-left: 0; } .navbar-area { -webkit-transition: 0.5s; transition: 0.5s; } .navbar-area.is-sticky { opacity: 1; visibility: visible; position: fixed; top: 0; left: 0; width: 100%; z-index: 999; -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06); box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06); background: #ffffff !important; -webkit-animation: .5s ease-in-out 0s normal none 1 running fadeInDown; animation: .5s ease-in-out 0s normal none 1 running fadeInDown; } .navbar-area .navbar-brand .white-logo { display: none; } .navbar-area.navbar-style-two { position: absolute; left: 0; top: 0; width: 100%; z-index: 999; height: auto; background-color: transparent; } .navbar-area.navbar-style-two .cognizance-nav { background-color: transparent; } .navbar-area.navbar-style-two .cognizance-nav .navbar .navbar-nav .nav-item a { color: #ffffff; } .navbar-area.navbar-style-two .cognizance-nav .navbar .navbar-nav .nav-item a:hover, .navbar-area.navbar-style-two .cognizance-nav .navbar .navbar-nav .nav-item a:focus, .navbar-area.navbar-style-two .cognizance-nav .navbar .navbar-nav .nav-item a.active { color: #ffffff; } .navbar-area.navbar-style-two .cognizance-nav .navbar .navbar-nav .nav-item:hover a, .navbar-area.navbar-style-two .cognizance-nav .navbar .navbar-nav .nav-item.active a { color: #ffffff; } .navbar-area.navbar-style-two .cognizance-nav .navbar .navbar-nav .nav-item .dropdown-menu li a { color: #130947; } .navbar-area.navbar-style-two .cognizance-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .navbar-area.navbar-style-two .cognizance-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .navbar-area.navbar-style-two .cognizance-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active { color: #4f87fb; } .navbar-area.navbar-style-two .cognizance-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a { color: #130947; } .navbar-area.navbar-style-two .cognizance-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover, .navbar-area.navbar-style-two .cognizance-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus, .navbar-area.navbar-style-two .cognizance-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active { color: #4f87fb; } .navbar-area.navbar-style-two .cognizance-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a { color: #130947; } .navbar-area.navbar-style-two .cognizance-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .navbar-area.navbar-style-two .cognizance-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .navbar-area.navbar-style-two .cognizance-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { color: #4f87fb; } .navbar-area.navbar-style-two .cognizance-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a { color: #130947; } .navbar-area.navbar-style-two .cognizance-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .navbar-area.navbar-style-two .cognizance-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .navbar-area.navbar-style-two .cognizance-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { color: #4f87fb; } .navbar-area.navbar-style-two .cognizance-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a { color: #130947; } .navbar-area.navbar-style-two .cognizance-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .navbar-area.navbar-style-two .cognizance-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .navbar-area.navbar-style-two .cognizance-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { color: #4f87fb; } .navbar-area.navbar-style-two .cognizance-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a { color: #130947; } .navbar-area.navbar-style-two .cognizance-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .navbar-area.navbar-style-two .cognizance-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .navbar-area.navbar-style-two .cognizance-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { color: #4f87fb; } .navbar-area.navbar-style-two .cognizance-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu { left: 250px; top: 0; opacity: 0; visibility: hidden; -webkit-transform: scaleY(0); transform: scaleY(0); } .navbar-area.navbar-style-two .cognizance-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a { color: #130947; } .navbar-area.navbar-style-two .cognizance-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .navbar-area.navbar-style-two .cognizance-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .navbar-area.navbar-style-two .cognizance-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { color: #4f87fb; } .navbar-area.navbar-style-two .cognizance-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { color: #4f87fb; } .navbar-area.navbar-style-two .cognizance-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { color: #4f87fb; } .navbar-area.navbar-style-two .cognizance-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { color: #4f87fb; } .navbar-area.navbar-style-two .cognizance-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { color: #4f87fb; } .navbar-area.navbar-style-two .cognizance-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a { color: #4f87fb; } .navbar-area.navbar-style-two .cognizance-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a { color: #4f87fb; } .navbar-area.navbar-style-two .cognizance-nav .navbar .others-option { padding-left: 0; margin-left: 24px; } .navbar-area.navbar-style-two .cognizance-nav .navbar .others-option::before { display: none; } .navbar-area.navbar-style-two .container-fluid { padding-left: 50px; padding-right: 50px; } .navbar-area.navbar-style-two.is-sticky { opacity: 1; visibility: visible; position: fixed; top: 0; left: 0; width: 100%; z-index: 999; -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06); box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06); background: #130947 !important; -webkit-animation: .5s ease-in-out 0s normal none 1 running fadeInDown; animation: .5s ease-in-out 0s normal none 1 running fadeInDown; } .navbar-area.navbar-style-two.is-sticky .cognizance-nav .navbar .others-option .option-item .default-btn { border-color: #ffffff; background-color: #ffffff; color: #130947; } .navbar-area.navbar-style-two.is-sticky .cognizance-nav .navbar .others-option .option-item .default-btn:hover { background-color: #4f87fb; color: #ffffff; border-color: #4f87fb; } .navbar-area.navbar-style-two .others-option-for-responsive .dot-menu .inner .circle { background-color: #ffffff; } .navbar-area.navbar-style-three { position: absolute; left: 0; top: 0; width: 100%; z-index: 999; height: auto; background-color: transparent; } .navbar-area.navbar-style-three .cognizance-nav { background-color: transparent; } .navbar-area.navbar-style-three .cognizance-nav .navbar .others-option { padding-left: 0; margin-left: 24px; } .navbar-area.navbar-style-three .cognizance-nav .navbar .others-option::before { display: none; } .navbar-area.navbar-style-three .cognizance-nav .navbar .others-option .option-item .default-btn { background-color: #ac0001; border-color: #ac0001; color: #ffffff; border-radius: 30px; padding-top: 11px; padding-bottom: 11px; } .navbar-area.navbar-style-three .cognizance-nav .navbar .others-option .option-item .default-btn:hover { color: #ffffff; border-color: #4f87fb; background-color: #4f87fb; } .navbar-area.navbar-style-three .container-fluid { padding-left: 60px; padding-right: 60px; } .navbar-area.navbar-style-three.is-sticky { opacity: 1; visibility: visible; position: fixed; top: 0; left: 0; width: 100%; z-index: 999; -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06); box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06); background: #ffffff !important; -webkit-animation: .5s ease-in-out 0s normal none 1 running fadeInDown; animation: .5s ease-in-out 0s normal none 1 running fadeInDown; } .cognizance-responsive-nav { display: none; } .cognizance-responsive-nav .logo .white-logo { display: none; } .cognizance-nav { background-color: #ffffff; /* padding-top: 10px; padding-bottom: 10px; */ } .cognizance-nav .navbar { padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; } .cognizance-nav .navbar .navbar-brand { font-size: inherit; line-height: 1; padding-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; } .cognizance-nav .navbar ul { padding-left: 0; list-style-type: none; margin-bottom: 0; } .cognizance-nav .navbar .navbar-nav { margin-left: auto; } .cognizance-nav .navbar .navbar-nav .nav-item { position: relative; } .cognizance-nav .navbar .navbar-nav .nav-item a { color: #130947; text-transform: uppercase; font-size: 14px; font-weight: 700; padding-left: 0; padding-right: 0; padding-top: 20px; padding-bottom: 20px; margin-left: 12px; margin-right: 12px; } .cognizance-nav .navbar .navbar-nav .nav-item a i { font-size: 18px; position: relative; top: 2px; line-height: 1; display: inline-block; margin-left: -3px; margin-right: -3px; } .cognizance-nav .navbar .navbar-nav .nav-item a:hover, .cognizance-nav .navbar .navbar-nav .nav-item a:focus, .cognizance-nav .navbar .navbar-nav .nav-item a.active { color: #4f87fb; } .cognizance-nav .navbar .navbar-nav .nav-item:last-child a { margin-right: 0; } .cognizance-nav .navbar .navbar-nav .nav-item:first-child a { margin-left: 0; } .cognizance-nav .navbar .navbar-nav .nav-item:hover a, .cognizance-nav .navbar .navbar-nav .nav-item.active a { color: #4f87fb; } .cognizance-nav .navbar .navbar-nav .nav-item .dropdown-menu { -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); background: #ffffff; position: absolute; border: none; top: 70px; left: 0; width: 250px; z-index: 99; display: block; opacity: 0; visibility: hidden; border-radius: 0; margin: 0; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; padding: 0; -webkit-transform: scaleX(0); transform: scaleX(0); } .cognizance-nav .navbar .navbar-nav .nav-item .dropdown-menu li a { padding: 13px 20px 11px; margin: 0; position: relative; display: block; color: #130947; border-bottom: 1px dashed #e5e5e5; text-transform: capitalize; font-size: 15px; font-weight: 600; } .cognizance-nav .navbar .navbar-nav .nav-item .dropdown-menu li a i { margin: 0; position: absolute; top: 50%; font-size: 20px; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 10px; } .cognizance-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .cognizance-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .cognizance-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active { color: #4f87fb; } .cognizance-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu { left: -250px; top: 0; opacity: 0; visibility: hidden; -webkit-transform: scaleY(0); transform: scaleY(0); } .cognizance-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a { color: #130947; } .cognizance-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover, .cognizance-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus, .cognizance-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active { color: #4f87fb; } .cognizance-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu { left: 250px; top: 0; opacity: 0; visibility: hidden; -webkit-transform: scaleY(0); transform: scaleY(0); } .cognizance-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a { color: #130947; } .cognizance-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .cognizance-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .cognizance-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { color: #4f87fb; } .cognizance-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu { left: -250px; top: 0; opacity: 0; visibility: hidden; -webkit-transform: scaleY(0); transform: scaleY(0); } .cognizance-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a { color: #130947; } .cognizance-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .cognizance-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .cognizance-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { color: #4f87fb; } .cognizance-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu { left: 250px; top: 0; opacity: 0; visibility: hidden; -webkit-transform: scaleY(0); transform: scaleY(0); } .cognizance-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a { color: #130947; } .cognizance-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .cognizance-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .cognizance-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { color: #4f87fb; } .cognizance-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu { left: -250px; top: 0; opacity: 0; visibility: hidden; -webkit-transform: scaleY(0); transform: scaleY(0); } .cognizance-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a { color: #130947; } .cognizance-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .cognizance-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .cognizance-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { color: #4f87fb; } .cognizance-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu { left: 250px; top: 0; opacity: 0; visibility: hidden; -webkit-transform: scaleY(0); transform: scaleY(0); } .cognizance-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a { color: #130947; } .cognizance-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .cognizance-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .cognizance-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { color: #4f87fb; } .cognizance-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { color: #4f87fb; } .cognizance-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu { opacity: 1; visibility: visible; -webkit-transform: scaleY(1); transform: scaleY(1); } .cognizance-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { color: #4f87fb; } .cognizance-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu { opacity: 1; visibility: visible; -webkit-transform: scaleY(1); transform: scaleY(1); } .cognizance-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { color: #4f87fb; } .cognizance-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu { opacity: 1; visibility: visible; -webkit-transform: scaleY(1); transform: scaleY(1); } .cognizance-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { color: #4f87fb; } .cognizance-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu { opacity: 1; visibility: visible; -webkit-transform: scaleY(1); transform: scaleY(1); } .cognizance-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a { color: #4f87fb; } .cognizance-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover .dropdown-menu { opacity: 1; visibility: visible; -webkit-transform: scaleY(1); transform: scaleY(1); } .cognizance-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a { color: #4f87fb; } .cognizance-nav .navbar .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu { opacity: 1; visibility: visible; -webkit-transform: scaleY(1); transform: scaleY(1); } .cognizance-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu { opacity: 1; visibility: visible; -webkit-transform: scaleX(1); transform: scaleX(1); } .cognizance-nav .navbar .others-option { position: relative; margin-left: 18px; padding-left: 18px; } .cognizance-nav .navbar .others-option::before { content: ''; position: absolute; left: 0; top: 12px; width: 2px; height: 25px; background-color: #bdbbcc; } .cognizance-nav .navbar .others-option .option-item { display: inline-block; margin-left: 20px; position: relative; z-index: 3; } .cognizance-nav .navbar .others-option .option-item:first-child { margin-left: 0; } .cognizance-nav .navbar .others-option .option-item .search-btn-box { position: relative; top: 2px; } .cognizance-nav .navbar .others-option .option-item .search-btn-box .search-btn { font-size: 25px; cursor: pointer; color: #130947; -webkit-transition: 0.5s; transition: 0.5s; } .cognizance-nav .navbar .others-option .option-item .search-btn-box .search-btn:hover { color: #4f87fb; } .cognizance-nav .navbar .others-option .option-item .cart-btn { font-size: 25px; position: relative; line-height: 1; } .cognizance-nav .navbar .others-option .option-item .cart-btn a { display: inline-block; position: relative; color: #130947; } .cognizance-nav .navbar .others-option .option-item .cart-btn a span { position: absolute; right: -4px; top: -4px; width: 14px; height: 14px; text-align: center; line-height: 13.9px; border-radius: 50%; color: #ffffff; background-color: #4f87fb; font-size: 10px; font-weight: 600; } .cognizance-nav .navbar .others-option .option-item .cart-btn a:hover { color: #4f87fb; } .cognizance-nav .navbar .others-option .option-item .default-btn { border-color: #130947; background-color: #130947; color: #ffffff; } .cognizance-nav .navbar .others-option .option-item .default-btn:hover { background-color: #4f87fb; color: #ffffff; border-color: #4f87fb; } .onepage-navbar.navbar { background-color: #ffffff; padding-left: 0; padding-right: 0; padding-top: 10px; padding-bottom: 10px; } .onepage-navbar .navbar-brand .white-logo { display: none; } .onepage-navbar.navbar-light .navbar-brand { font-size: inherit; line-height: 1; padding-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; } .onepage-navbar.navbar-light ul { padding-left: 0; list-style-type: none; margin-bottom: 0; } .onepage-navbar.navbar-light .navbar-nav { margin-left: auto; } .onepage-navbar.navbar-light .navbar-nav .nav-item a { color: #130947; text-transform: uppercase; font-size: 14px; font-weight: 700; padding-left: 0; padding-right: 0; padding-top: 20px; padding-bottom: 20px; margin-left: 12px; margin-right: 12px; } .onepage-navbar.navbar-light .navbar-nav .nav-item a:hover, .onepage-navbar.navbar-light .navbar-nav .nav-item a:focus, .onepage-navbar.navbar-light .navbar-nav .nav-item a.active { color: #4f87fb; } .onepage-navbar.navbar-light .navbar-nav .nav-item:last-child a { margin-right: 0; } .onepage-navbar.navbar-light .navbar-nav .nav-item:first-child a { margin-left: 0; } .onepage-navbar.navbar-light .navbar-nav .nav-item:hover a, .onepage-navbar.navbar-light .navbar-nav .nav-item.active a { color: #4f87fb; } .onepage-navbar.is-sticky { opacity: 1; visibility: visible; position: fixed; top: 0; left: 0; width: 100%; z-index: 999; -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06); box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06); background: #ffffff !important; -webkit-animation: .5s ease-in-out 0s normal none 1 running fadeInDown; animation: .5s ease-in-out 0s normal none 1 running fadeInDown; } .others-option-for-responsive { display: none; } .others-option-for-responsive .dot-menu { padding: 0 10px; height: 30px; cursor: pointer; z-index: 9991; position: absolute; right: 55px; top: -37px; } .others-option-for-responsive .dot-menu .inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 30px; } .others-option-for-responsive .dot-menu .inner .circle { height: 5px; width: 5px; border-radius: 100%; margin: 0 2px; -webkit-transition: 0.5s; transition: 0.5s; background-color: #130947; } .others-option-for-responsive .dot-menu:hover .inner .circle { background-color: #4f87fb; } .others-option-for-responsive .container { position: relative; } .others-option-for-responsive .container .container { position: absolute; right: 0; top: 10px; max-width: 295px; margin-left: auto; opacity: 0; visibility: hidden; -webkit-transition: 0.5s; transition: 0.5s; -webkit-transform: scaleX(0); transform: scaleX(0); z-index: 2; padding-left: 15px; padding-right: 15px; } .others-option-for-responsive .container .container.active { opacity: 1; visibility: visible; -webkit-transform: scaleX(1); transform: scaleX(1); } .others-option-for-responsive .option-inner { padding: 15px 15px 15px; -webkit-box-shadow: 0 15px 40px rgba(0, 0, 0, 0.09); box-shadow: 0 15px 40px rgba(0, 0, 0, 0.09); background-color: #ffffff; } .others-option-for-responsive .option-inner .others-option .option-item { display: inline-block; margin-left: 20px; position: relative; z-index: 3; } .others-option-for-responsive .option-inner .others-option .option-item:first-child { margin-left: 0; } .others-option-for-responsive .option-inner .others-option .option-item .search-btn-box { position: relative; top: 2px; } .others-option-for-responsive .option-inner .others-option .option-item .search-btn-box .search-btn { font-size: 25px; cursor: pointer; color: #130947; -webkit-transition: 0.5s; transition: 0.5s; } .others-option-for-responsive .option-inner .others-option .option-item .search-btn-box .search-btn:hover { color: #4f87fb; } .others-option-for-responsive .option-inner .others-option .option-item .cart-btn { font-size: 25px; position: relative; line-height: 1; } .others-option-for-responsive .option-inner .others-option .option-item .cart-btn a { display: inline-block; position: relative; color: #130947; } .others-option-for-responsive .option-inner .others-option .option-item .cart-btn a span { position: absolute; right: -4px; top: -4px; width: 14px; height: 14px; text-align: center; line-height: 13.9px; border-radius: 50%; color: #ffffff; background-color: #4f87fb; font-size: 10px; font-weight: 600; } .others-option-for-responsive .option-inner .others-option .option-item .cart-btn a:hover { color: #4f87fb; } .others-option-for-responsive .option-inner .others-option .option-item .default-btn { border-color: #130947; background-color: #130947; color: #ffffff; } .others-option-for-responsive .option-inner .others-option .option-item .default-btn:hover { background-color: #4f87fb; color: #ffffff; border-color: #4f87fb; } @media only screen and (max-width: 991px) { .cognizance-responsive-nav { display: block; } .cognizance-responsive-nav .cognizance-responsive-menu { position: relative; } .cognizance-responsive-nav .cognizance-responsive-menu.mean-container .mean-nav { margin-top: 60px; } .cognizance-responsive-nav .cognizance-responsive-menu.mean-container .mean-nav ul { font-size: 14px; } .cognizance-responsive-nav .cognizance-responsive-menu.mean-container .mean-nav ul li a.active { color: #4f87fb; } .cognizance-responsive-nav .cognizance-responsive-menu.mean-container .mean-nav ul li li a { font-size: 14px; } .cognizance-responsive-nav .cognizance-responsive-menu.mean-container .navbar-nav { overflow-y: scroll; height: 294px; -webkit-box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1); } .cognizance-responsive-nav .cognizance-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .nav-item { overflow: hidden; } .cognizance-responsive-nav .cognizance-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .nav-item .container { padding-left: 0; padding-right: 0; } .cognizance-responsive-nav .cognizance-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .nav-item .row { display: block; -ms-flex-wrap: unset; flex-wrap: unset; margin-left: 0; margin-right: 0; margin-top: -20px; } .cognizance-responsive-nav .cognizance-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .nav-item .row .col { -ms-flex-preferred-size: unset; flex-basis: unset; -webkit-box-flex: unset; -ms-flex-positive: unset; flex-grow: unset; max-width: 100%; padding-left: 0; padding-right: 0; padding-top: 20px; } .cognizance-responsive-nav .cognizance-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .nav-item .row .col:last-child { margin-bottom: 15px; } .cognizance-responsive-nav .cognizance-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .nav-item a { width: 100%; float: unset; display: block; } .cognizance-responsive-nav .cognizance-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title { color: #130947; position: relative; border-bottom: 1px solid #eeeeee; padding-bottom: 8px; text-transform: uppercase; margin-bottom: 5px; margin-top: 25px; margin-left: 15px; margin-right: 15px; font-size: 13.5px; font-weight: 600; } .cognizance-responsive-nav .cognizance-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title::before { width: 30px; height: 1px; content: ''; position: absolute; left: 0; bottom: -1px; background-color: #4f87fb; } .cognizance-responsive-nav .cognizance-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title:first-child { margin-top: 5px; } .cognizance-responsive-nav .cognizance-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu a { border-bottom: none !important; } .cognizance-responsive-nav .cognizance-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .mean-expand { display: none !important; } .cognizance-responsive-nav .cognizance-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu { width: auto; overflow: hidden; display: block !important; padding-left: 15px; padding-right: 15px; } .cognizance-responsive-nav .cognizance-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a { border: none; margin-top: 15px; color: #666666; padding: 0; font-weight: 400; } .cognizance-responsive-nav .cognizance-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a:hover, .cognizance-responsive-nav .cognizance-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a.active { color: #4f87fb; } .cognizance-responsive-nav .cognizance-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu .aside-trending-products { overflow: hidden; position: relative; text-align: center; } .cognizance-responsive-nav .cognizance-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu .aside-trending-products img { -webkit-transition: 0.5s; transition: 0.5s; } .cognizance-responsive-nav .cognizance-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu .aside-trending-products .category { position: absolute; left: 0; -webkit-transition: 0.5s; transition: 0.5s; right: 0; bottom: 0; background-color: #ffffff; padding: 15px; margin-left: 10px; margin-right: 10px; } .cognizance-responsive-nav .cognizance-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu .aside-trending-products .category h4 { text-transform: uppercase; margin-bottom: 0; position: relative; z-index: 1; font-size: 15px; font-weight: 600; } .cognizance-responsive-nav .cognizance-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu .aside-trending-products .link-btn { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; z-index: 3; } .cognizance-responsive-nav .cognizance-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu .aside-trending-products:not(:first-child) { margin-top: 15px; } .cognizance-responsive-nav .cognizance-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu .aside-trending-products:hover img { -webkit-transform: scale(1.3); transform: scale(1.3); } .cognizance-responsive-nav .cognizance-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu .aside-trending-products:hover .category { bottom: 10px; } .cognizance-responsive-nav .cognizance-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .brand-slides { margin-top: 0; border-top: none; border-bottom: none; border-left: none; } .cognizance-responsive-nav .cognizance-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .brand-slides .brand-item a { display: block !important; padding: 20px !important; width: auto !important; } .cognizance-responsive-nav .cognizance-responsive-menu.mean-container .others-option { display: none !important; } .cognizance-responsive-nav .mean-container a.meanmenu-reveal { color: #130947; } .cognizance-responsive-nav .mean-container a.meanmenu-reveal span { background: #130947; position: relative; top: 8px; margin-top: -6px; } .cognizance-responsive-nav .logo { position: relative; width: 70%; z-index: 999; } .cognizance-responsive-nav .logo a { display: inline-block; } .cognizance-nav { display: none; } .navbar-area { padding-top: 18px; padding-bottom: 18px; } .navbar-area.navbar-style-two .cognizance-responsive-nav .mean-container a.meanmenu-reveal { color: #ffffff; } .navbar-area.navbar-style-two .cognizance-responsive-nav .mean-container a.meanmenu-reveal span { background: #ffffff; position: relative; top: 8px; margin-top: -6px; } .onepage-navbar.navbar { border-bottom: 1px solid #eeeeee; padding-top: 15px; padding-bottom: 15px; } .onepage-navbar.navbar .container { padding-left: 15px; padding-right: 15px; } .onepage-navbar.navbar.is-sticky { border-bottom: none; } .onepage-navbar.navbar-light .navbar-toggler { color: #130947; border: none; padding: 0; } .onepage-navbar.navbar-light .navbar-toggler .burger-menu { cursor: pointer; -webkit-transition: 0.5s; transition: 0.5s; } .onepage-navbar.navbar-light .navbar-toggler .burger-menu span { height: 2px; width: 30px; background: #130947; display: block; margin: 6px 0; -webkit-transition: all .50s ease-in-out; transition: all .50s ease-in-out; } .onepage-navbar.navbar-light .navbar-toggler .burger-menu.active span.top-bar { -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 10% 10%; transform-origin: 10% 10%; } .onepage-navbar.navbar-light .navbar-toggler .burger-menu.active span.middle-bar { opacity: 0; } .onepage-navbar.navbar-light .navbar-toggler .burger-menu.active span.bottom-bar { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 10% 90%; transform-origin: 10% 90%; margin-top: 5px; } .onepage-navbar.navbar-light .navbar-nav { background-color: #ffffff; border: 1px solid #eeeeee; margin-top: 15px; padding-left: 15px; padding-right: 15px; padding-top: 8px; padding-bottom: 8px; } .onepage-navbar.navbar-light .navbar-nav .nav-item .nav-link { padding-left: 0; padding-right: 0; padding-top: 8px; padding-bottom: 8px; margin-left: 0; margin-right: 0; } .others-option-for-responsive { display: block; } } /*================================================ Search Overlay CSS =================================================*/ .search-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 99999; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; overflow: hidden; } .search-overlay .search-overlay-layer { position: absolute; top: 0; right: 0; bottom: 0; z-index: 1; -webkit-transform: translateX(100%); transform: translateX(100%); } .search-overlay .search-overlay-layer:nth-child(1) { left: 0; background-color: rgba(0, 0, 0, 0.5); -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .search-overlay .search-overlay-layer:nth-child(2) { left: 0; background-color: rgba(0, 0, 0, 0.4); -webkit-transition: all 0.3s ease-in-out 0.3s; transition: all 0.3s ease-in-out 0.3s; } .search-overlay .search-overlay-layer:nth-child(3) { left: 0; background-color: rgba(0, 0, 0, 0.7); -webkit-transition: all 0.9s ease-in-out 0.6s; transition: all 0.9s ease-in-out 0.6s; } .search-overlay .search-overlay-close { position: absolute; top: 40px; right: 40px; width: 50px; z-index: 2; text-align: center; cursor: pointer; padding: 10px; -webkit-transition: all 0.9s ease-in-out 1.5s; transition: all 0.9s ease-in-out 1.5s; opacity: 0; visibility: hidden; } .search-overlay .search-overlay-close .search-overlay-close-line { width: 100%; height: 3px; float: left; margin-bottom: 5px; background-color: #ffffff; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .search-overlay .search-overlay-close .search-overlay-close-line:nth-child(1) { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .search-overlay .search-overlay-close .search-overlay-close-line:nth-child(2) { margin-top: -7px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .search-overlay .search-overlay-close:hover .search-overlay-close-line { background: #4f87fb; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .search-overlay .search-overlay-form { -webkit-transition: all 0.9s ease-in-out 1.4s; transition: all 0.9s ease-in-out 1.4s; opacity: 0; visibility: hidden; position: absolute; left: 50%; top: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); z-index: 2; max-width: 500px; width: 500px; } .search-overlay .search-overlay-form form { position: relative; } .search-overlay .search-overlay-form form .input-search { display: block; width: 100%; height: 55px; border: none; border-radius: 30px; padding-left: 20px; color: #130947; font-size: 15px; } .search-overlay .search-overlay-form form button { position: absolute; right: 5px; top: 5px; width: 45px; color: #ffffff; height: 45px; border-radius: 50%; background-color: #4f87fb; -webkit-transition: 0.5s; transition: 0.5s; border: none; font-size: 20px; line-height: 45px; } .search-overlay .search-overlay-form form button:hover { background-color: #130947; color: #ffffff; } .search-overlay.search-overlay-active.search-overlay { opacity: 1; visibility: visible; } .search-overlay.search-overlay-active.search-overlay .search-overlay-layer { -webkit-transform: translateX(0); transform: translateX(0); } .search-overlay.search-overlay-active.search-overlay .search-overlay-close { opacity: 1; visibility: visible; } .search-overlay.search-overlay-active.search-overlay .search-overlay-form { opacity: 1; visibility: visible; } /*================================================ Main Banner Area CSS =================================================*/ .main-banner { position: relative; z-index: 1; padding-top: 30px; background-position: center center; background-size: cover; background-repeat: no-repeat; } .main-banner.banner-bg1 { background-image: url(../img/banner.jpg); } .main-banner.banner-bg2 { /* background-image: url(../img/main-banner2.jpg); */ background-image: url(../img/banner.jpg); } .main-banner.banner-bg3 { background-image: url(../img/banner.jpg); } .main-banner.banner-bg4 { background-image: url(../images/banner_img_222.png); } .main-banner.banner-bg5 { background-image: url(../images/banner_img_111.png); } .main-banner-content .sub-title { color: #ffffff; display: block; position: relative; padding-left: 25px; font-size: 18px; font-weight: 700; } .main-banner-content .sub-title::before { width: 15px; height: 3px; background-color: #4f87fb; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); content: ''; } .main-banner-content h1 { color: #ffffff; font-size: 55px; font-weight: 800; margin-top: 12px; margin-bottom: 18px; } .main-banner-content p { color: #ffffff; opacity: 0.95; } .main-banner-content .btn-box { margin-top: 30px; } .main-banner-content .btn-box .default-btn { border-color: #4f87fb; } .main-banner-content .btn-box .default-btn:hover { color: #130947; background-color: #ffffff; border-color: #ffffff; } .main-banner-content .btn-box .optional-btn { margin-left: 10px; color: #130947; border-color: #ffffff; background-color: #ffffff; } .main-banner-content .btn-box .optional-btn:hover { color: #ffffff; border-color: #4f87fb; background-color: #4f87fb; } .main-banner-image { text-align: center; overflow: hidden; } .home-slides.owl-theme .owl-nav { margin-top: 0; line-height: 1; } .home-slides.owl-theme .owl-nav [class*=owl-] { position: absolute; left: 0; top: 50%; margin: 0; padding: 0; background-color: transparent !important; color: #ffffff !important; font-size: 35px; opacity: 0; visibility: hidden; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: 0.5s; transition: 0.5s; } .home-slides.owl-theme .owl-nav [class*=owl-].owl-next { left: auto; right: 0; } .home-slides.owl-theme:hover .owl-nav [class*=owl-] { left: 20px; opacity: 1; visibility: visible; } .home-slides.owl-theme:hover .owl-nav [class*=owl-].owl-next { left: auto; right: 20px; } .banner-section { position: relative; z-index: 1; padding-top: 100px; padding-bottom: 60px; background-position: center center; background-size: cover; background-repeat: no-repeat; } .banner-section.banner-bg1 { background-image: url(../img/main-banner1.jpg); } .banner-section.banner-bg2 { background-image: url(../img/main-banner2.jpg); } .banner-section.banner-bg3 { background-image: url(../img/main-banner3.jpg); } .banner-section .main-banner-image { text-align: left; } .banner-section .main-banner-content { max-width: 620px; margin-left: auto; } .banner-section .main-banner-content h1 { text-transform: capitalize; font-size: 47px; } .banner-section .main-banner-content p { max-width: 600px; } .hero-banner { position: relative; z-index: 1; background: -webkit-gradient(linear, right top, left bottom, from(#fff6f6), color-stop(#ffefe8), color-stop(#ffecd4), color-stop(#f8ecc3), to(#ddefbb)); background: linear-gradient(to left bottom, #fff6f6, #ffefe8, #ffecd4, #f8ecc3, #ddefbb); background-image: url(../img/banner-bg.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; padding-top: 170px; padding-bottom: 40px; } .hero-banner-content { text-align: center; } .hero-banner-content h1 { margin-bottom: 30px; font-size: 55px; font-weight: 800; } .hero-banner-content .banner-box-list { margin-bottom: 35px; padding-left: 20px; padding-right: 20px; } .hero-banner-content .banner-box-list .single-banner-box { border: 1px solid #d9e1f2; border-radius: 5px; position: relative; padding: 15px 20px 15px 102px; text-align: left; } .hero-banner-content .banner-box-list .single-banner-box .icon { position: absolute; left: 20px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .hero-banner-content .banner-box-list .single-banner-box h3 { margin-bottom: 0; font-size: 36px; font-weight: 800; } .hero-banner-content .banner-box-list .single-banner-box p { line-height: initial; margin-top: 4px; color: #4f87fb; font-size: 16.5px; font-weight: 500; } .hero-banner-content .banner-box-list .row .col-lg-3:nth-child(2) .single-banner-box h3 { color: #ba9500; } .hero-banner-content .banner-box-list .row .col-lg-3:nth-child(3) .single-banner-box h3 { color: #af1a1b; } .hero-banner-content .banner-box-list .row .col-lg-3:nth-child(4) .single-banner-box h3 { color: #557d20; } .banner-wrapper { position: relative; height: 100vh; z-index: 1; background-position: center center; background-size: cover; background-repeat: no-repeat; } .banner-wrapper.banner-bg1 { background-image: url(../img/main-banner4.jpg); } .banner-wrapper-content { max-width: 600px; margin-left: auto; margin-top: 50px; } .banner-wrapper-content h1 { color: #ffffff; line-height: 1.3; font-size: 50px; font-weight: 800; margin-bottom: 15px; } .banner-wrapper-content p { color: #ffffff; font-size: 16px; } .banner-wrapper-content .btn-box { margin-top: 30px; } .banner-wrapper-content .btn-box .default-btn { border-color: #4f87fb; } .banner-wrapper-content .btn-box .default-btn:hover { color: #130947; background-color: #ffffff; border-color: #ffffff; } .banner-wrapper-content .btn-box .optional-btn { margin-left: 10px; color: #130947; border-color: #ffffff; background-color: #ffffff; } .banner-wrapper-content .btn-box .optional-btn:hover { color: #ffffff; border-color: #4f87fb; background-color: #4f87fb; } .banner-area { overflow: hidden; position: relative; z-index: 1; height: 750px; background-color: #4f87fb; background-image: url(../img/main-banner5.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; } .banner-area .main-banner-content .sub-title::before { background-color: #ffffff; } .banner-area .main-banner-content .btn-box .optional-btn:hover { background-color: #130947; color: #ffffff; border-color: #130947; } .banner-image { position: relative; width: 100%; height: 100%; } .banner-image img { position: absolute; } .banner-image img:nth-child(1) { left: 20px; top: -80px; -webkit-animation-name: rotateme; animation-name: rotateme; -webkit-animation-duration: 60s; animation-duration: 60s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } .banner-image img:nth-child(2) { top: 30px; right: 0; -webkit-animation-name: rotatemetwo; animation-name: rotatemetwo; -webkit-animation-duration: 60s; animation-duration: 60s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } .banner-image img:nth-child(3) { left: -35px; bottom: -80px; right: 0; text-align: center; margin-left: auto; margin-right: auto; -webkit-animation-name: rotateme; animation-name: rotateme; -webkit-animation-duration: 60s; animation-duration: 60s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } @-webkit-keyframes rotatemetwo { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } @keyframes rotatemetwo { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } .main-banner-content.black-text .sub-title { color: #130947; } .main-banner-content.black-text .sub-title::before { background-color: #4f87fb; } .main-banner-content.black-text h1 { color: #130947; } .main-banner-content.black-text p { color: #130947; opacity: 1; } .home-slides-two .main-banner { padding-top: 0; /* height: 750px; */ height: 500px; background-position: top center; } .home-slides-two .main-banner .main-banner-content .sub-title { margin-bottom: 15px; } .home-slides-two.owl-theme .owl-nav { margin-top: 0; line-height: 1; } .home-slides-two.owl-theme .owl-nav [class*=owl-] { position: absolute; left: 0; top: 50%; margin: 0; padding: 0; background-color: transparent !important; color: #130947 !important; font-size: 35px; opacity: 0; visibility: hidden; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: 0.5s; transition: 0.5s; } .home-slides-two.owl-theme .owl-nav [class*=owl-].owl-next { left: auto; right: 0; } .home-slides-two.owl-theme .owl-nav [class*=owl-]:hover { color: #4f87fb !important; } .home-slides-two.owl-theme:hover .owl-nav [class*=owl-] { left: 20px; opacity: 1; visibility: visible; } .home-slides-two.owl-theme:hover .owl-nav [class*=owl-].owl-next { left: auto; right: 20px; } /*================================================ About Area CSS =================================================*/ .about-image { position: relative; text-align: left; z-index: 1; padding-right: 80px; padding-bottom: 40px; } .about-image img { border-radius: 5px; } .about-image img:nth-child(2) { -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); position: absolute; right: 0; bottom: 0; border-radius: 50%; } .about-content { padding-left: 15px; } .about-content .sub-title { text-transform: uppercase; margin-bottom: 10px; color: #4f87fb; display: block; font-size: 25px; font-weight: 600; } .about-content h2 { margin-bottom: 13px; font-size: 35px; font-weight: 800; } .about-content blockquote { background-color: #e6eeff; padding: 20px; border-left: 4px solid #4f87fb; } .about-content blockquote p { margin-bottom: 0; font-size: 17px; font-weight: 600; font-style: italic; } .about-content .default-btn { margin-top: 5px; } .about-section { position: relative; z-index: 1; background-color: #f9f9f9; } .about-img { text-align: center; } .about-shape1 { position: absolute; left: 2%; bottom: 15%; z-index: -1; } .about-area-two { position: relative; z-index: 1; } .about-image-two { text-align: center; } .about-image-two img { border-radius: 5px; } .about-content-two { padding-left: 15px; } .about-content-two .sub-title { text-transform: uppercase; margin-bottom: 10px; color: #4f87fb; display: block; font-size: 14px; font-weight: 600; } .about-content-two h2 { margin-bottom: 18px; font-size: 35px; font-weight: 800; } .about-content-two h6 { margin-bottom: 14px; line-height: 1.6; font-weight: 600; } .about-content-two .features-text { margin-top: 25px; } .about-content-two .features-text h5 { margin-bottom: 22px; position: relative; font-size: 17px; font-weight: 600; padding-left: 47px; padding-top: 7px; } .about-content-two .features-text i { position: absolute; left: 0; top: 0; width: 35px; height: 35px; background-color: #4f87fb; text-align: center; line-height: 35px; color: #ffffff; font-size: 20px; -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1); box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1); border-radius: 50%; } .about-content-two .features-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; list-style-type: none; margin-bottom: 0; margin-top: -10px; margin-left: -10px; margin-right: -10px; } .about-content-two .features-list li { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; margin-top: 20px; padding-left: 10px; padding-right: 10px; } .about-content-two .features-list li span { display: block; position: relative; padding-left: 34px; font-size: 16px; font-weight: 600; } .about-content-two .features-list li span i { font-size: 16px; color: #ffffff; background-color: #4f87fb; width: 25px; height: 23px; line-height: 23px; text-align: center; border-radius: 3px; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .about-inner-area { margin-top: 80px; } .about-inner-area:first-child { margin-top: 0; } .about-inner-area:nth-child(2) .about-content-two, .about-inner-area:nth-child(4) .about-content-two, .about-inner-area:nth-child(6) .about-content-two, .about-inner-area:nth-child(8) .about-content-two { padding-left: 0; padding-right: 15px; } /*================================================ CTA Area CSS =================================================*/ .cta-inner-area { border-radius: 10px; margin-top: 20px; background-color: #130947; background-image: url(../img/cta-bg.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; padding-left: 50px; padding-right: 50px; } .cta-inner-area img { text-align: center; display: inline-block; top: -70px; position: relative; margin-bottom: -70px; } .cta-inner-area h3 { color: #ffffff; margin-bottom: 10px; font-size: 22px; font-weight: 800; } .cta-inner-area p { line-height: initial; font-weight: 600; opacity: 0.95; color: #ffffff; } .cta-inner-area .cta-btn { text-align: center; } .cta-inner-area .cta-btn a { background-color: #4f87fb; color: #ffffff; text-align: left; position: relative; padding: 13px 30px 13px 90px; display: inline-block; border-radius: 50px; font-size: 24px; font-weight: 800; } .cta-inner-area .cta-btn a span { color: #ffffff; display: block; text-transform: uppercase; margin-bottom: 3px; font-size: 14px; font-weight: 600; } .cta-inner-area .cta-btn a i { position: absolute; font-size: 45px; left: 30px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } /*================================================ Spreads Virus Area CSS =================================================*/ .spread-virus-area { position: relative; z-index: 1; } .single-spread-virus-box { margin-bottom: 30px; border: 1px solid #d5e2fe; padding: 20px; border-radius: 5px; -webkit-transition: 0.5s; transition: 0.5s; } .single-spread-virus-box img { border-radius: 5px; } .single-spread-virus-box h3 { -webkit-transition: 0.5s; transition: 0.5s; margin-top: 25px; margin-bottom: 10px; font-size: 20px; font-weight: 800; } .single-spread-virus-box p { -webkit-transition: 0.5s; transition: 0.5s; margin-bottom: 12px; } .single-spread-virus-box .read-more-btn { text-transform: uppercase; display: inline-block; font-size: 14px; font-weight: 700; } .single-spread-virus-box:hover { background-color: #130947; border-color: #130947; } .single-spread-virus-box:hover h3 { color: #ffffff; } .single-spread-virus-box:hover p { color: #ffffff; } .single-spread-virus-box:hover .read-more-btn { color: #ffffff; } .how-to-spread-area { position: relative; z-index: 1; } .how-to-spread-area.bg-white-color { padding-top: 40px; } .how-to-spread-area.bg-white-color::before { content: ''; position: absolute; left: 0; right: 0; top: -60px; height: 60px; border-radius: 5px 5px 0 0; background-color: #ffffff; width: 100%; max-width: 1230px; margin-left: auto; margin-right: auto; } .overview-box { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: -15px; margin-right: -15px; } .overview-box .overview-image { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding-left: 15px; padding-right: 15px; } .overview-box .overview-image .image { position: relative; text-align: center; margin-right: 15px; } .overview-box .overview-image .image .main-image { border-radius: 50%; padding: 60px; } .overview-box .overview-image .image .shape { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; } .overview-box .overview-image .image .shape img:nth-child(1) { position: absolute; left: 0; right: 0; top: 35px; margin-left: auto; margin-right: auto; -webkit-animation-name: rotateme; animation-name: rotateme; -webkit-animation-duration: 70s; animation-duration: 70s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } .overview-box .overview-image .image .shape img:nth-child(2) { position: absolute; right: 110px; bottom: 60px; -webkit-animation: movebounce 7s linear infinite; animation: movebounce 7s linear infinite; } .overview-box .overview-content { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding-left: 15px; padding-right: 15px; } .overview-box .overview-content .content { padding-left: 15px; } .overview-box .overview-content .content .icon { margin-bottom: 25px; } .overview-box .overview-content .content h3 { line-height: 1.4; margin-bottom: 15px; font-size: 22px; font-weight: 800; } .overview-box:nth-child(2) { margin-top: -35px; } .overview-box:last-child { margin-bottom: -35px; } .spread-shape1 { position: absolute; right: 0; z-index: -1; opacity: 0.4; top: 18%; -webkit-transform: translateY(-18%); transform: translateY(-18%); } .spread-shape2 { position: absolute; left: 0; z-index: -1; opacity: 0.4; top: 75%; -webkit-transform: translateY(-75%); transform: translateY(-75%); } .spread-virus-content { margin-left: auto; max-width: 585px; margin-bottom: 40px; } .spread-virus-content .sub-title { text-transform: uppercase; margin-bottom: 10px; color: #4f87fb; display: block; font-size: 14px; font-weight: 600; } .spread-virus-content h2 { margin-bottom: 10px; font-size: 35px; font-weight: 800; } .spread-virus-content ul { padding-left: 0; list-style-type: none; margin-bottom: 0; margin-top: 30px; } .spread-virus-content ul li { margin-bottom: 20px; position: relative; padding-left: 105px; } .spread-virus-content ul li .icon { position: absolute; width: 85px; height: 85px; text-align: center; border-radius: 50%; background-color: #ebf0fa; left: 0; top: 0; } .spread-virus-content ul li .icon img { position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin-left: auto; margin-right: auto; } .spread-virus-content ul li .icon i { color: #ffffff; position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 35px; margin-left: auto; margin-right: auto; } .spread-virus-content ul li h3 { margin-bottom: 8px; font-size: 20px; font-weight: 700; } .spread-virus-content ul li:last-child { margin-bottom: 0; } .spread-virus-content ul li p { max-width: 320px; font-size: 15px; } .spread-virus-image { text-align: center; padding-top: 200px; position: relative; left: -30px; } .spread-shape3 { position: absolute; left: 1%; bottom: 0; z-index: -1; } .spread-shape3 img { max-width: 60%; } /*================================================ Symptoms Area CSS =================================================*/ .symptoms-area { position: relative; overflow: hidden; z-index: 1; background-color: #f1f5fe; background-image: url(../img/symptoms-bg.jpg); background-position: -270px center; background-size: cover; background-repeat: no-repeat; } .symptoms-image { position: relative; left: -30px; } .symptoms-content { padding-left: 25px; border: 1px solid #000; padding: 0px 21px 15px 12px; margin: 21px 10px 51px 32px; /* margin-top: 90px; */ background: #e6eeff; } .symptoms-content .sub-title { text-transform: uppercase; margin-bottom: 10px; color: #4f87fb; display: block; font-size: 14px; font-weight: 600; } .symptoms-content h2 { margin-bottom: 0; font-size: 35px; font-weight: 800; } .symptoms-content p { margin-bottom: 0; margin-top: 10px; } .symptoms-content ul { padding-left: 0; list-style-type: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; margin-bottom: 0; margin-top: 10px; } .symptoms-content ul li { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding-left: 10px; padding-right: 10px; } .symptoms-content ul li span { margin-top: 20px; display: block; background-color: #ffffff; position: relative; padding: 15px 15px 15px 55px; color: #130947; -webkit-transition: 0.5s; transition: 0.5s; border-radius: 0 5px 5px 0; z-index: 1; font-size: 18px; font-weight: 800; } .symptoms-content ul li span::before { /* width: 3px; */ height: 100%; z-index: -1; background-color: #130947; content: ''; position: absolute; left: 0; top: 0; border-radius: 0 5px 5px 0; -webkit-transition: 0.5s; transition: 0.5s; } .symptoms-content ul li:hover span::before { width: 8px; /* Adjust as needed */ /* background-color: #ffffff; */ } .symptoms-content ul li span i { position: absolute; left: 15px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 30px; height: 30px; text-align: center; line-height: 30px; color: #130947; font-size: 14px; background-color: #e5ecfe; border-radius: 50%; } .symptoms-content ul li span:hover { color: #ffffff; /* border-radius: 50%; */ } .symptoms-content ul li span:hover::before { width: 100%; } .symptoms-section { position: relative; z-index: 1; } .symptoms-section.bg-white-color { padding-top: 40px; } .symptoms-section.bg-white-color::before { content: ''; position: absolute; left: 0; right: 0; top: -60px; height: 60px; border-radius: 5px 5px 0 0; background-color: #ffffff; width: 100%; max-width: 1230px; margin-left: auto; margin-right: auto; } .symptoms-box-list { text-align: center; } .symptoms-box-list .box-item { position: relative; margin-bottom: 30px; padding-left: 20px; padding-right: 20px; } .symptoms-box-list .box-item .img { margin-bottom: 20px; } .symptoms-box-list .box-item h3 { margin-bottom: 12px; font-weight: 800; font-size: 22px; } .symptoms-box-list .box-item p { font-size: 15px; } .symptoms-box-list .box-item:nth-child(1) { left: 70px; } .symptoms-box-list .box-item:nth-child(3) { left: 70px; } .symptoms-box-list .box-item:last-child { margin-bottom: 0; } .row .col-lg-4:nth-child(3) .symptoms-box-list .box-item:nth-child(1) { left: -70px; } .row .col-lg-4:nth-child(3) .symptoms-box-list .box-item:nth-child(3) { left: -70px; } .symptoms-img { position: relative; left: -30px; text-align: center; } .symptoms-img img { max-width: 115%; } .symptoms-shape1 { position: absolute; right: 1%; top: 15%; z-index: -1; } .symptoms-shape1 img { -webkit-animation: movebounce 7s linear infinite; animation: movebounce 7s linear infinite; } .symptoms-shape2 { position: absolute; left: 0; bottom: 15%; z-index: -1; } .symptoms-shape2 img { -webkit-animation: movebounce 7s linear infinite; animation: movebounce 7s linear infinite; } /*================================================ Funfacts Area CSS =================================================*/ .funfacts-area { position: relative; z-index: 1; background-image: url(../img/funfacts-bg.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; } .funfacts-area .section-title h2 { color: #ffffff; } .funfacts-area::before { width: 100%; height: 100%; background-color: #130947; opacity: 0.75; content: ''; position: absolute; z-index: -1; left: 0; top: 0; } .funfacts-list { position: relative; } .funfacts-list .row .col-lg-6:nth-child(1) .single-funfacts-box { margin-bottom: 30px; } .funfacts-list .row .col-lg-6:nth-child(2) .single-funfacts-box { margin-bottom: 30px; } .funfacts-list .single-funfacts-box { margin-bottom: 0; } .single-funfacts-box { margin-bottom: 30px; background-color: #130947; text-align: center; padding: 20px; border-radius: 5px; position: relative; overflow: hidden; z-index: 1; } .single-funfacts-box::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; background-image: url(../img/funfacts-shape.png); background-position: center center; background-size: cover; background-repeat: no-repeat; } .single-funfacts-box .icon { margin-bottom: 15px; } .single-funfacts-box h3 { margin-bottom: 0; color: #ffffff; font-size: 40px; font-weight: 800; } .single-funfacts-box p { line-height: 1; color: #4f87fb; margin-top: 9px; font-size: 16px; font-weight: 600; } .single-funfacts-box.bg-white { background-color: #ffffff; border: 1px solid #e5edff; } .single-funfacts-box.bg-white::before { background-image: url(../img/funfacts-shape2.png); } .single-funfacts-box.bg-white h3 { color: #130947; } .funfacts-info { text-align: right; margin-top: 15px; } .funfacts-info p { color: #ffffff; font-size: 11px; font-weight: 600; } .funfacts-info p a { color: #ffffff; text-decoration: underline; } .funfacts-info.color-black p { color: #130947; } .funfacts-info.color-black p a { color: #130947; } .funfacts-section { position: relative; z-index: 1; } .funfacts-section .funfacts-image { max-width: 647px; margin-left: auto; } .funfacts-section .funfacts-list { max-width: 585px; } .funfacts-section .funfacts-list .row .col-lg-6:nth-child(1) .single-funfacts-box { margin-top: 30px; } .funfacts-section .funfacts-list .row .col-lg-6:nth-child(4) .single-funfacts-box { margin-top: -30px; } .funfacts-section .funfacts-list .row .col-lg-12 { margin-top: -30px; } .funfacts-shape1 { position: absolute; right: 3%; z-index: -1; top: 55%; -webkit-transform: translateY(-55%); transform: translateY(-55%); } /*================================================ How To Protect Area CSS =================================================*/ .how-to-protect-content .content { z-index: 1; position: relative; margin-top: 15px; margin-bottom: 35px; margin-left: 15px; } .how-to-protect-content .content::before { background-color: #f1f1f4; z-index: -1; width: 100%; height: 100%; border-radius: 5px; content: ''; position: absolute; left: -15px; top: -15px; -webkit-transition: 0.5s; transition: 0.5s; } .how-to-protect-content .content .text { cursor: pointer; background-color: #f9f9f9; border-radius: 5px; position: relative; padding: 30px 30px 30px 125px; } .how-to-protect-content .content .text .icon { width: 75px; height: 75px; border-radius: 5px; background-color: #4f87fb; color: #ffffff; position: absolute; left: 30px; top: 48%; -webkit-transform: translateY(-48%); transform: translateY(-48%); font-size: 40px; text-align: center; } .how-to-protect-content .content .text .icon i { position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .how-to-protect-content .content .text h3 { margin-bottom: 10px; font-size: 20px; font-weight: 800; } .how-to-protect-content .content .text p { margin-bottom: 0; } .how-to-protect-content .content:hover::before { background-color: #130947; } .how-to-protect-content .content:last-child { margin-bottom: 0; } .how-to-protect-image { margin-left: 15px; position: relative; z-index: 1; height: 100%; } .how-to-protect-image .main-image { border-radius: 50%; border: 14px solid #130947; position: absolute; left: 0; right: 0; top: 50%; z-index: 1; -webkit-transition: 0.5s; transition: 0.5s; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .how-to-protect-image .main-image.main-image2 { opacity: 0; visibility: hidden; } .how-to-protect-image .main-image.main-image2.active { opacity: 1; visibility: visible; } .how-to-protect-image .main-image.main-image3 { opacity: 0; visibility: hidden; } .how-to-protect-image .main-image.main-image3.active { opacity: 1; visibility: visible; } .how-to-protect-image .main-image.main-image4 { opacity: 0; visibility: hidden; } .how-to-protect-image .main-image.main-image4.active { opacity: 1; visibility: visible; } .how-to-protect-image .main-image.main-image5 { opacity: 0; visibility: hidden; } .how-to-protect-image .main-image.main-image5.active { opacity: 1; visibility: visible; } .how-to-protect-image .main-image.main-image6 { opacity: 0; visibility: hidden; } .how-to-protect-image .main-image.main-image6.active { opacity: 1; visibility: visible; } .how-to-protect-image .how-to-protect-shape { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; } .how-to-protect-image .how-to-protect-shape img { z-index: -1; position: absolute; } .how-to-protect-image .how-to-protect-shape img:nth-child(1) { left: 0; top: 0; -webkit-animation: movebounce 7s linear infinite; animation: movebounce 7s linear infinite; } .how-to-protect-image .how-to-protect-shape img:nth-child(2) { right: 0; top: 0; -webkit-animation: moveleftbounce 7s linear infinite; animation: moveleftbounce 7s linear infinite; } .how-to-protect-image .how-to-protect-shape img:nth-child(3) { left: 0; bottom: 0; -webkit-animation-name: rotateme; animation-name: rotateme; -webkit-animation-duration: 150s; animation-duration: 150s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } .how-to-protect-image .how-to-protect-shape img:nth-child(4) { right: 0; bottom: 0; -webkit-animation: movebounce 7s linear infinite; animation: movebounce 7s linear infinite; } .how-to-protect-content-list { margin-left: auto; max-width: 470px; } .how-to-protect-content-list .content { margin-bottom: 30px; } .how-to-protect-content-list .content .text { position: relative; padding-left: 95px; } .how-to-protect-content-list .content .text .icon { width: 75px; height: 80px; border-radius: 5px; background-color: #4f87fb; color: #ffffff; -webkit-transition: 0.5s; transition: 0.5s; position: absolute; left: 0; top: 0; font-size: 40px; text-align: center; } .how-to-protect-content-list .content .text .icon i { position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .how-to-protect-content-list .content .text h3 { margin-bottom: 8px; font-size: 20px; font-weight: 800; } .how-to-protect-content-list .content .text p { margin-bottom: 0; } .how-to-protect-content-list .content .text:hover .icon { background-color: #130947; color: #ffffff; } .how-to-protect-content-list .content:last-child { margin-bottom: 0; } .how-to-protect-img { text-align: center; } /*================================================ Prevention Area CSS =================================================*/ .prevention-area { position: relative; z-index: 1; background-color: #130947; } .prevention-area .section-title h2 { color: #ffffff; } .prevention-content { margin-bottom: 30px; } .prevention-content .title { background-color: #4f87fb; color: #ffffff; text-align: center; position: relative; z-index: 1; padding-top: 14px; padding-bottom: 15px; padding-left: 30px; padding-right: 30px; } .prevention-content .title h3 { color: #ffffff; margin-bottom: 0; font-size: 24px; font-weight: 700; } .prevention-content .title::before { content: ''; position: absolute; left: 0; right: 0; bottom: 0; width: 26px; z-index: -1; height: 26px; background-color: #4f87fb; bottom: -12px; -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-left: auto; margin-right: auto; } .prevention-content .content-list { border: 1px solid #20256f; border-top: none; padding: 45px 30px 30px; } .prevention-content .content-list .content { position: relative; border-bottom: 1px solid #20256f; margin-bottom: 25px; padding-bottom: 25px; padding-left: 110px; } .prevention-content .content-list .content .icon { position: absolute; left: 0; top: 1px; width: 90px; height: 90px; border: 1px solid #20256f; z-index: 1; background-color: transparent; text-align: center; border-radius: 50%; } .prevention-content .content-list .content .icon img { position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin-left: auto; margin-right: auto; } .prevention-content .content-list .content .icon::before { background-color: #1b195e; content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; border-radius: 50%; margin: 5px; } .prevention-content .content-list .content .icon i { color: #ffffff; position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 35px; margin-left: auto; margin-right: auto; } .prevention-content .content-list .content h3 { margin-bottom: 10px; color: #ffffff; font-size: 20px; font-weight: 700; } .prevention-content .content-list .content p { font-size: 15px; color: #dedede; } .prevention-content .content-list .content:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .col-lg-6:nth-child(2) .prevention-content .title { background-color: #c35362; } .col-lg-6:nth-child(2) .prevention-content .title::before { background-color: #c35362; } .prevention-shape1 { position: absolute; left: 2%; bottom: 20%; z-index: -1; } .prevention-shape1 img { -webkit-animation-name: rotateme; animation-name: rotateme; -webkit-animation-duration: 80s; animation-duration: 80s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } .prevention-shape2 { position: absolute; left: 8.3%; bottom: 38%; display: none; z-index: -1; } .prevention-shape2 img { -webkit-animation: movebounce 10s linear infinite; animation: movebounce 10s linear infinite; } .prevention-shape3 { position: absolute; right: 9.5%; top: 19%; z-index: -1; } .prevention-shape3 img { -webkit-animation-name: rotateme; animation-name: rotateme; -webkit-animation-duration: 80s; animation-duration: 80s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } .prevention-shape4 { display: none; position: absolute; right: 8%; bottom: 18%; z-index: -1; } .prevention-shape4 img { -webkit-animation: movescale 8s linear infinite; animation: movescale 8s linear infinite; } /*================================================ FAQ Area CSS =================================================*/ .faq-area { background-color: #4f87fb; position: relative; z-index: 1; } .faq-area .section-title .sub-title { color: #ffffff; } .faq-area .section-title h2 { color: #ffffff; } .faq-image { position: relative; height: 100%; /* background-size-position: center center; background-size-size: cover; background-size-repeat: no-repeat; */ } .faq-image img { display: none; } .faq-image.faq-bg1 { background-image: url(../img/faq-img.jpg); } .faq-image .video-btn { display: inline-block; width: 80px; height: 80px; font-size: 35px; text-align: center; line-height: 80px; position: absolute; left: 50%; top: 50%; z-index: 1; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); background-color: #4f87fb; border-radius: 50%; color: #ffffff; } .faq-image .video-btn::after, .faq-image .video-btn::before { content: ''; display: block; position: absolute; top: 0; right: 0; z-index: -1; bottom: 0; left: 0; -webkit-transition: 0.5s; transition: 0.5s; border-radius: 50%; border: 1px solid #4f87fb; } .faq-image .video-btn::before { -webkit-animation: ripple 2s linear infinite; animation: ripple 2s linear infinite; } .faq-image .video-btn::after { -webkit-animation: ripple 2s linear 1s infinite; animation: ripple 2s linear 1s infinite; } .faq-image .video-btn:hover { color: #ffffff; background-color: #130947; } .faq-image .video-btn:hover::before, .faq-image .video-btn:hover::after { border-color: #130947; } .faq-accordion .accordion { list-style-type: none; padding-left: 0; margin-bottom: 0; } .faq-accordion .accordion .accordion-item { display: block; -webkit-box-shadow: 2px 8px 20px 0 rgba(25, 42, 70, 0.13) !important; box-shadow: 2px 8px 20px 0 rgba(25, 42, 70, 0.13) !important; background: #ffffff; margin-bottom: 15px; border: none; } .faq-accordion .accordion .accordion-item:last-child { margin-bottom: 0; } .faq-accordion .accordion .accordion-title { padding: 12px 35px 10px 15px; color: #130947; text-decoration: none; position: relative; display: block; border-left: 3px solid #130947; font-size: 16px; font-weight: 600; } .faq-accordion .accordion .accordion-title i { position: absolute; right: 15px; top: 50%; font-size: 14px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .faq-accordion .accordion .accordion-title.active i::before { content: "\f10a"; } .faq-accordion .accordion .accordion-content { display: none; position: relative; padding: 20px; border-top: 1px solid #eeeeee; } .faq-accordion .accordion .accordion-content.show { display: block; } .faq-shape1 { position: absolute; left: 0; bottom: 25px; z-index: -1; } .faq-shape1 img { -webkit-animation: movebounce 15s linear infinite; animation: movebounce 15s linear infinite; } .faq-shape2 { position: absolute; right: 10px; top: 10px; z-index: -1; } .faq-shape2 img { -webkit-animation: movebounce 20s linear infinite; animation: movebounce 20s linear infinite; } @-webkit-keyframes ripple { 0% { -webkit-transform: scale(1); transform: scale(1); } 75% { -webkit-transform: scale(1.75); transform: scale(1.75); opacity: 1; } 100% { -webkit-transform: scale(2); transform: scale(2); opacity: 0; } } @keyframes ripple { 0% { -webkit-transform: scale(1); transform: scale(1); } 75% { -webkit-transform: scale(1.75); transform: scale(1.75); opacity: 1; } 100% { -webkit-transform: scale(2); transform: scale(2); opacity: 0; } } .tab .tabs-item { display: none; } .tab .tabs-item:first-child { display: block; } .faq-accordion-tab .tabs { padding-left: 0; list-style-type: none; margin-bottom: 50px; text-align: center; } .faq-accordion-tab .tabs li { margin-left: 10px; margin-right: 10px; } .faq-accordion-tab .tabs li a { color: #130947; text-decoration: none; border-radius: 5px; padding: 20px; display: block; -webkit-box-shadow: 2px 8px 20px 0 rgba(25, 42, 70, 0.13) !important; box-shadow: 2px 8px 20px 0 rgba(25, 42, 70, 0.13) !important; font-size: 17px; font-weight: 600; } .faq-accordion-tab .tabs li a i { font-size: 30px; } .faq-accordion-tab .tabs li a span { display: block; margin-top: 8px; } .faq-accordion-tab .tabs li a:hover { background-color: #4f87fb; color: #ffffff; } .faq-accordion-tab .tabs li.current a { background-color: #4f87fb; color: #ffffff; } .faq-accordion-content .accordion { list-style-type: none; padding-left: 0; margin-bottom: 0; } .faq-accordion-content .accordion .accordion-item { border-radius: 5px; display: block; -webkit-box-shadow: 2px 8px 20px 0 rgba(25, 42, 70, 0.13) !important; box-shadow: 2px 8px 20px 0 rgba(25, 42, 70, 0.13) !important; background: #ffffff; margin-bottom: 15px; border: none; } .faq-accordion-content .accordion .accordion-item:last-child { margin-bottom: 0; } .faq-accordion-content .accordion .accordion-title { padding: 20px 25px 17px 60px; color: #130947; text-decoration: none; position: relative; display: block; font-size: 17px; font-weight: 700; } .faq-accordion-content .accordion .accordion-title i { position: absolute; left: 25px; top: 18px; font-size: 25px; -webkit-transition: 0.5s; transition: 0.5s; } .faq-accordion-content .accordion .accordion-title.active i { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .faq-accordion-content .accordion .accordion-content { display: none; position: relative; margin-top: -5px; padding-bottom: 20px; padding-right: 25px; padding-left: 60px; } .faq-accordion-content .accordion .accordion-content.show { display: block; } .faq-accordion-content .accordion .accordion-content ul { padding-left: 0; list-style-type: none; margin-bottom: 0; } .faq-accordion-content .accordion .accordion-content ul li { color: #606060; position: relative; margin-bottom: 12px; line-height: 25px; padding-left: 15px; } .faq-accordion-content .accordion .accordion-content ul li::before { content: ''; position: absolute; top: 10px; left: 0; width: 6px; height: 6px; background: #4f87fb; border-radius: 50%; } .faq-accordion-content .accordion .accordion-content ul li:last-child { margin-bottom: 0; } .faq-section { position: relative; z-index: 1; background-color: #f9f9f9; } .faq-section .faq-shape1 { opacity: 0.18; bottom: 35%; } .faq-section .faq-shape2 { opacity: 0.18; } .faq-section .faq-accordion .accordion .accordion-title { border-left-color: #4f87fb; } .faq-section .faq-accordion .accordion .accordion-title i { color: #4f87fb; } .faq-section::before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; z-index: -1; background-color: #ffffff; height: 20%; } .faq-img { text-align: center; max-width: 810px; border-radius: 5px; position: relative; margin-left: auto; margin-right: auto; margin-top: 50px; } .faq-img img { border-radius: 5px; } .faq-img .video-btn { display: inline-block; width: 80px; height: 80px; font-size: 35px; text-align: center; line-height: 80px; position: absolute; left: 50%; top: 50%; z-index: 1; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); background-color: #ffffff; border-radius: 50%; color: #130947; } .faq-img .video-btn::after, .faq-img .video-btn::before { content: ''; display: block; position: absolute; top: 0; right: 0; z-index: -1; bottom: 0; left: 0; -webkit-transition: 0.5s; transition: 0.5s; border-radius: 50%; border: 1px solid #ffffff; } .faq-img .video-btn::before { -webkit-animation: ripple 2s linear infinite; animation: ripple 2s linear infinite; } .faq-img .video-btn::after { -webkit-animation: ripple 2s linear 1s infinite; animation: ripple 2s linear 1s infinite; } .faq-img .video-btn:hover { color: #ffffff; background-color: #4f87fb; } .faq-img .video-btn:hover::before, .faq-img .video-btn:hover::after { border-color: #4f87fb; } /*================================================ Appointment Area CSS =================================================*/ .appointment-form { max-width: 900px; background-color: #ffffff; -webkit-box-shadow: 0px 8px 16px 0px rgba(146, 184, 255, 0.2); box-shadow: 0px 8px 16px 0px rgba(146, 184, 255, 0.2); padding: 50px; margin-left: auto; margin-right: auto; } .appointment-form form { text-align: center; } .appointment-form form .form-group { text-align: left; margin-bottom: 20px; } .appointment-form form .form-group label { display: block; margin-bottom: 8px; text-transform: uppercase; font-weight: 600; font-size: 14px; } .appointment-form form .form-group label .required { color: red; } .appointment-form form .default-btn { margin-top: 10px; } .appointment-form form .nice-select { float: unset; line-height: 48px; color: #606060; text-transform: capitalize; border: none; background-color: #f5f5f5 !important; font-weight: 600; font-size: 14px; padding-top: 0; padding-bottom: 0; } .appointment-form form .nice-select .list { background-color: #ffffff; -webkit-box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1); box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1); border-radius: 0; margin-top: 0; width: 100%; padding-top: 10px; padding-bottom: 10px; } .appointment-form form .nice-select .list .option { -webkit-transition: 0.5s; transition: 0.5s; padding-left: 20px; padding-right: 20px; } .appointment-form form .nice-select .list .option:hover { background-color: #4f87fb !important; color: #ffffff; } .appointment-form form .nice-select .list .option.selected { background-color: transparent; font-weight: 600; } .appointment-form form .nice-select:after { right: 20px; } /*================================================ Doctors Area CSS =================================================*/ .doctors-area.bg-color { background-color: #130947; } .doctors-area.bg-color .section-title .sub-title { color: #4f87fb; } .doctors-area.bg-color .section-title h2 { color: #ffffff; } .single-doctors-box { position: relative; z-index: 1; -webkit-transition: 0.5s; transition: 0.5s; margin-top: 20px; margin-left: 20px; margin-bottom: 30px; } .single-doctors-box .image { border-radius: 5px 5px 0 0; } .single-doctors-box .image img { border-radius: 5px 5px 0 0; } .single-doctors-box::before { content: ''; position: absolute; left: -20px; top: -20px; border-radius: 5px; z-index: -1; width: 100%; height: 100%; -webkit-transition: 0.5s; transition: 0.5s; border: 1px solid #dfe9fe; } .single-doctors-box .content { background-color: #f9f9f9; border-radius: 0 0 5px 5px; padding: 25px 40px; } .single-doctors-box .content h3 { margin-bottom: 0; font-size: 20px; font-weight: 800; } .single-doctors-box .content span { display: block; margin-top: 8px; color: #4f87fb; font-size: 15px; font-weight: 600; } .single-doctors-box:hover { margin-top: 0; margin-left: 0; } .single-doctors-box:hover::before { top: 0; left: 0; opacity: 0; visibility: hidden; } /*================================================ Outbreak Area CSS =================================================*/ .outbreak-area { position: relative; z-index: 1; } .outbreak-content { text-align: center; } .outbreak-content h1 { margin-bottom: 30px; font-size: 55px; font-weight: 800; } .outbreak-content .outbreak-box-list { margin-bottom: 40px; padding-left: 20px; padding-right: 20px; } .outbreak-content .outbreak-box-list .single-outbreak-box { border: 1px solid #d9e1f2; border-radius: 5px; position: relative; padding: 15px 20px 15px 102px; text-align: left; } .outbreak-content .outbreak-box-list .single-outbreak-box .icon { position: absolute; left: 20px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .outbreak-content .outbreak-box-list .single-outbreak-box h3 { margin-bottom: 0; font-size: 36px; font-weight: 800; } .outbreak-content .outbreak-box-list .single-outbreak-box p { line-height: initial; margin-top: 4px; color: #4f87fb; font-size: 16.5px; font-weight: 500; } .outbreak-content .outbreak-box-list .row .col-lg-3:nth-child(2) .single-outbreak-box h3 { color: #ba9500; } .outbreak-content .outbreak-box-list .row .col-lg-3:nth-child(3) .single-outbreak-box h3 { color: #af1a1b; } .outbreak-content .outbreak-box-list .row .col-lg-3:nth-child(4) .single-outbreak-box h3 { color: #557d20; } .outbreak-content .dataTables_wrapper { margin-top: 20px; } .outbreak-content .dataTables_wrapper .dataTables_length { color: #606060; margin-bottom: 20px; position: relative; top: 10px; } .outbreak-content .dataTables_wrapper .dataTables_length label { display: block; margin-bottom: 0; } .outbreak-content .dataTables_wrapper .dataTables_length label select { border-color: #eeeeee; cursor: pointer; display: inline-block; border-radius: 5px; padding: 3px 5px; margin-left: 8px; margin-right: 8px; } .outbreak-content .dataTables_wrapper .dataTables_filter { margin-bottom: 20px; } .outbreak-content .dataTables_wrapper .dataTables_filter label { display: block; margin-bottom: 0; color: #606060; } .outbreak-content .dataTables_wrapper .dataTables_filter label input { border: 1px solid #ecf0f3; height: 45px; padding-left: 12px; border-radius: 5px; } .outbreak-content .dataTables_wrapper .dataTable { margin-top: 15px; border: none; } .outbreak-content .dataTables_wrapper .dataTable thead tr th { border-color: #eeeeee; text-align: left; white-space: nowrap; padding: 8px 15px; vertical-align: middle; font-size: 15.5px; font-weight: 700; } .outbreak-content .dataTables_wrapper .dataTable tbody tr td { text-align: left; padding: 10px 15px; vertical-align: middle; border-color: #eeeeee; white-space: nowrap; color: #130947; border-top: none; border-bottom: none; border-right: none; font-size: 15px; font-weight: 600; } .outbreak-content .dataTables_wrapper .dataTable tbody tr td:last-child { border-right: 1px solid #eeeeee; } .outbreak-content .dataTables_wrapper .dataTable tbody tr td:first-child { font-weight: 600; } .outbreak-content .dataTables_wrapper .dataTable tbody .new_death { background-color: red; border: none !important; color: #ffffff; font-weight: 600 !important; } .outbreak-content .dataTables_wrapper .dataTable tbody .new_case { background-color: #FFEEAA; border: none !important; font-weight: 600 !important; } .outbreak-content .dataTables_wrapper .dataTable tfoot tr th, .outbreak-content .dataTables_wrapper .dataTable tfoot tr td { border-color: #eeeeee; text-align: left; padding: 8px 15px; vertical-align: middle; white-space: nowrap; font-size: 15.5px; font-weight: 700; } .outbreak-content .dataTables_wrapper .dataTables_info { display: none; } .outbreak-content .dataTables_wrapper .dataTables_paginate.paging_simple_numbers { display: none; } /*================================================ Emergency Contact Area CSS =================================================*/ .emergency-contact-inner { overflow: hidden; border-radius: 10px; padding: 30px 40px; /* background-image: url(../img/emergency-contact-bg.jpg); */ background-color: #4f87fb; /* background-color: #fefefe; */ background-position: center center; background-size: cover; background-repeat: no-repeat; } .emergency-contact-inner .btn-box .default-btn { background-color: #130947; color: #ffffff; border-color: #130947; } .emergency-contact-inner .btn-box .default-btn:not(:first-child) { margin-left: 15px; } .emergency-contact-inner .btn-box .default-btn:hover { color: #4f87fb; background-color: #ffffff; border-color: #ffffff; } .emergency-contact-inner .contact-cta { text-align: center; } .emergency-contact-inner .contact-cta a { background-color: #130947; color: #ffffff; text-align: left; position: relative; padding: 13px 30px 13px 90px; display: inline-block; border-radius: 50px; font-size: 24px; font-weight: 800; } .emergency-contact-inner .contact-cta a span { color: #4f87fb; display: block; text-transform: uppercase; margin-bottom: 3px; font-size: 14px; font-weight: 600; } .emergency-contact-inner .contact-cta a i { position: absolute; font-size: 45px; left: 30px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } /*================================================ Products Area CSS =================================================*/ .single-products-box { background-color: #f5f9ff; margin-bottom: 30px; } .single-products-box .products-image { border-radius: 5px; overflow: hidden; } .single-products-box .products-image a { display: block; border-radius: 5px; } .single-products-box .products-image a img { border-radius: 5px; -webkit-transition: 0.5s; transition: 0.5s; } .single-products-box .products-content { border-radius: 0 0 5px 5px; padding: 20px; position: relative; } .single-products-box .products-content h3 { margin-bottom: 15px; font-size: 19px; font-weight: 800; } .single-products-box .products-content h3 a { display: inline-block; } .single-products-box .products-content .price { color: #4f87fb; font-size: 16px; font-weight: 700; } .single-products-box .products-content .price span { display: inline-block; } .single-products-box .products-content .price span.old { text-decoration: line-through; color: #999999; font-weight: 500; margin-left: 2px; } .single-products-box .products-content .add-to-cart-btn { position: absolute; right: 20px; bottom: 20px; display: inline-block; text-transform: uppercase; opacity: 0.67; font-size: 14px; font-weight: 700; } .single-products-box .products-content .add-to-cart-btn:hover { opacity: 1; } .single-products-box:hover .products-image a img { -webkit-transform: scale(1.2) rotate(5deg); transform: scale(1.2) rotate(5deg); } .shorting-menu { text-align: center; margin-bottom: 30px; } .shorting-menu .filter { display: inline-block; background-color: transparent; border: none; padding: 0; position: relative; color: #606060; -webkit-transition: 0.5s; transition: 0.5s; padding-bottom: 3px; margin-left: 8px; margin-right: 8px; font-size: 15px; font-weight: 700; } .shorting-menu .filter::before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background-color: #4f87fb; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: 0.5s; transition: 0.5s; } .shorting-menu .filter.mixitup-control-active, .shorting-menu .filter:hover { color: #4f87fb; } .shorting-menu .filter.mixitup-control-active::before, .shorting-menu .filter:hover::before { -webkit-transform: scaleX(1); transform: scaleX(1); } /*================================================ Products Details Area CSS =================================================*/ .products-details-image img { width: 100%; } .products-details-image .slick-slider { position: relative; padding: 0; margin: 0; list-style-type: none; } .products-details-image .slick-dots { padding: 0; text-align: center; list-style-type: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -5px; margin-right: -5px; margin-top: 0; margin-bottom: 0; } .products-details-image .slick-dots li { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; position: relative; padding-left: 5px; padding-right: 5px; padding-top: 10px; } .products-details-image .slick-dots li button { padding: 0; outline: 0; display: block; border: none; margin: 0; cursor: pointer; } .products-details-image .slick-dots li img { -webkit-transition: 0.5s; transition: 0.5s; } .products-details-image .slick-dots li:hover img, .products-details-image .slick-dots li.slick-active img { opacity: .4; } .products-details-image .slick-thumbs { display: none; } .products-details-image .row { margin-left: -8px; margin-right: -8px; margin-top: -15px; } .products-details-image .row .col-lg-6 { padding-left: 8px; padding-right: 8px; } .products-details-image .row .col-lg-6 .single-products-details-image { margin-top: 15px; } .products-details-image .single-products-details-image { margin-top: 30px; } .products-details-image .single-products-details-image:first-child { margin-top: 0; } .products-details-desc h3 { margin-bottom: 12px; font-size: 20px; font-weight: 800; } .products-details-desc .price { margin-bottom: 15px; color: #4f87fb; font-size: 15px; font-weight: 600; } .products-details-desc .price .old-price { text-decoration: line-through; color: #828893; font-weight: normal; } .products-details-desc .products-review { margin-bottom: 15px; } .products-details-desc .products-review .rating { display: inline-block; padding-right: 5px; font-size: 16.5px; } .products-details-desc .products-review .rating i { color: #ffba0a; display: inline-block; margin-right: -3px; } .products-details-desc .products-review .rating-count { display: inline-block; color: #130947; border-bottom: 1px solid #130947; line-height: initial; position: relative; top: -2px; font-weight: 600; } .products-details-desc .products-review .rating-count:hover { color: #4f87fb; border-color: #4f87fb; } .products-details-desc .products-info { list-style-type: none; padding-left: 0; margin-top: 15px; margin-bottom: 20px; } .products-details-desc .products-info li { color: #130947; margin-bottom: 8px; font-size: 15px; } .products-details-desc .products-info li:last-child { margin-bottom: 0; } .products-details-desc .products-info li span { color: #606060; } .products-details-desc .products-info li a { display: inline-block; font-weight: 600; color: #130947; } .products-details-desc .products-info li a:hover { color: #4f87fb; } .products-details-desc .products-info-btn { margin-bottom: 25px; } .products-details-desc .products-info-btn a { text-transform: uppercase; display: inline-block; position: relative; padding-left: 22px; line-height: initial; font-size: 14px; font-weight: 600; } .products-details-desc .products-info-btn a::before { content: ''; position: absolute; left: 0; bottom: -2px; width: 0; height: 1.5px; background: #4f87fb; -webkit-transition: 0.5s; transition: 0.5s; } .products-details-desc .products-info-btn a i { font-size: 18px; position: absolute; left: 0; top: 0; } .products-details-desc .products-info-btn a:hover { color: #4f87fb; } .products-details-desc .products-info-btn a:hover::before { width: 100%; } .products-details-desc .products-info-btn a:not(:first-child) { margin-left: 15px; } .products-details-desc .products-add-to-cart .input-counter { max-width: 120px; min-width: 120px; margin-right: 10px; text-align: center; display: inline-block; position: relative; } .products-details-desc .products-add-to-cart .input-counter span { position: absolute; top: 0; background-color: transparent; cursor: pointer; color: #d0d0d0; width: 40px; height: 100%; line-height: 50px; -webkit-transition: 0.5s; transition: 0.5s; font-size: 22px; } .products-details-desc .products-add-to-cart .input-counter span.minus-btn { left: 0; } .products-details-desc .products-add-to-cart .input-counter span.plus-btn { right: 0; } .products-details-desc .products-add-to-cart .input-counter span:hover { color: #4f87fb; } .products-details-desc .products-add-to-cart .input-counter input { height: 50px; color: #130947; outline: 0; display: block; border: none; background-color: #f8f8f8; text-align: center; width: 100%; font-size: 17px; font-weight: 600; } .products-details-desc .products-add-to-cart .input-counter input::-webkit-input-placeholder { color: #130947; } .products-details-desc .products-add-to-cart .input-counter input:-ms-input-placeholder { color: #130947; } .products-details-desc .products-add-to-cart .input-counter input::-ms-input-placeholder { color: #130947; } .products-details-desc .products-add-to-cart .input-counter input::placeholder { color: #130947; } .products-details-desc .products-add-to-cart .default-btn { top: -2px; } .products-details-desc .buy-checkbox-btn { margin-top: 20px; } .products-details-desc .buy-checkbox-btn input { display: none; } .products-details-desc .buy-checkbox-btn .cbx { margin: auto; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; } .products-details-desc .buy-checkbox-btn .cbx span { display: inline-block; vertical-align: middle; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .products-details-desc .buy-checkbox-btn .cbx span:first-child { position: relative; width: 18px; height: 18px; border-radius: 3px; -webkit-transform: scale(1); transform: scale(1); vertical-align: middle; border: 1px solid #ebebeb; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; -webkit-transition: 0.5s; transition: 0.5s; } .products-details-desc .buy-checkbox-btn .cbx span:first-child svg { position: absolute; top: 3px; left: 2px; fill: none; stroke: #ffffff; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 16px; stroke-dashoffset: 16px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: 0.5s; transition: 0.5s; } .products-details-desc .buy-checkbox-btn .cbx span:first-child:before { content: ""; width: 100%; height: 100%; background: #4f87fb; display: block; -webkit-transform: scale(0); transform: scale(0); opacity: 1; border-radius: 50%; -webkit-transition: 0.5s; transition: 0.5s; } .products-details-desc .buy-checkbox-btn .cbx span:last-child { padding-left: 4px; color: #130947; position: relative; top: -1px; } .products-details-desc .buy-checkbox-btn .cbx:hover span:first-child { border-color: #4f87fb; } .products-details-desc .buy-checkbox-btn .inp-cbx:checked + .cbx span:first-child { background: #4f87fb; border-color: #4f87fb; -webkit-animation: wave 0.4s ease; animation: wave 0.4s ease; } .products-details-desc .buy-checkbox-btn .inp-cbx:checked + .cbx span:first-child svg { stroke-dashoffset: 0; } .products-details-desc .buy-checkbox-btn .inp-cbx:checked + .cbx span:first-child:before { -webkit-transform: scale(3.5); transform: scale(3.5); opacity: 0; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; } .products-details-desc .buy-checkbox-btn .item:not(:first-child) { margin-top: 20px; } .products-details-desc .buy-checkbox-btn .default-btn { display: block; text-align: center; } .products-details-desc .products-details-accordion { margin-top: 25px; } .products-details-desc .products-details-accordion .accordion { list-style-type: none; padding-left: 0; margin-bottom: 0; } .products-details-desc .products-details-accordion .accordion .accordion-item { background-color: #ffffff; -webkit-box-shadow: 0px 8px 16px 0px rgba(146, 184, 255, 0.2); box-shadow: 0px 8px 16px 0px rgba(146, 184, 255, 0.2); border-radius: 5px; display: block; margin-bottom: 15px; border: none; } .products-details-desc .products-details-accordion .accordion .accordion-item:last-child { margin-bottom: 0; } .products-details-desc .products-details-accordion .accordion .accordion-title { color: #130947; text-decoration: none; position: relative; display: block; font-size: 16px; font-weight: 700; padding-top: 10px; padding-bottom: 10px; padding-right: 15px; padding-left: 41px; } .products-details-desc .products-details-accordion .accordion .accordion-title i { position: absolute; left: 15px; top: 10px; font-size: 25px; -webkit-transition: 0.5s; transition: 0.5s; } .products-details-desc .products-details-accordion .accordion .accordion-title.active i { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .products-details-desc .products-details-accordion .accordion .accordion-content { display: none; position: relative; margin-top: -5px; border-top: 1px solid #eeeeee; padding-top: 15px; padding-left: 15px; padding-right: 15px; padding-bottom: 15px; } .products-details-desc .products-details-accordion .accordion .accordion-content.show { display: block; } .products-details-desc .products-details-accordion .accordion .accordion-content p { font-size: 14.5px; } .products-details-desc .products-details-accordion .accordion .accordion-content ul, .products-details-desc .products-details-accordion .accordion .accordion-content ol { padding-left: 0; list-style-type: none; margin-bottom: 0; } .products-details-desc .products-details-accordion .accordion .accordion-content ul li, .products-details-desc .products-details-accordion .accordion .accordion-content ol li { margin-bottom: 10px; position: relative; padding-left: 13px; color: #606060; } .products-details-desc .products-details-accordion .accordion .accordion-content ul li::before, .products-details-desc .products-details-accordion .accordion .accordion-content ol li::before { content: ''; position: absolute; top: 8px; left: 0; width: 6px; height: 6px; background: #4f87fb; border-radius: 50%; } .products-details-desc .products-details-accordion .accordion .accordion-content ul li:last-child, .products-details-desc .products-details-accordion .accordion .accordion-content ol li:last-child { margin-bottom: 0; } .products-details-desc .products-details-accordion .accordion .accordion-content .table { margin-bottom: 0; } .products-details-desc .products-details-accordion .accordion .accordion-content .table.table-striped tbody tr td { border-top: none; vertical-align: middle; white-space: nowrap; padding: 10px 15px; color: #130947; font-size: 14.5px; } .products-details-desc .products-details-accordion .accordion .accordion-content .table.table-striped tbody tr td:first-child { font-weight: 500; } .products-details-desc .products-details-accordion .accordion .accordion-content .table.table-bordered tbody tr td { vertical-align: middle; white-space: nowrap; padding: 10px 15px; color: #606060; line-height: 1.7; font-size: 14.5px; border-color: #eeeeee; } .products-details-desc .products-details-accordion .accordion .accordion-content .table.table-bordered tbody tr td:first-child { color: #130947; font-weight: 500; } .products-details-desc .products-details-accordion .accordion .accordion-content h3 { margin-bottom: 12px; font-size: 20px; font-weight: 800; } .products-details-desc .products-details-accordion .accordion .accordion-content .products-review-form { margin-top: 10px; } .products-details-desc .products-details-accordion .accordion .accordion-content .products-review-form .review-title { position: relative; } .products-details-desc .products-details-accordion .accordion .accordion-content .products-review-form .review-title .rating { display: inline-block; } .products-details-desc .products-details-accordion .accordion .accordion-content .products-review-form .review-title .rating .bx.bxs-star { color: #ffba0a; } .products-details-desc .products-details-accordion .accordion .accordion-content .products-review-form .review-title .rating i { color: #ebebeb; font-size: 16px; margin-right: -1px; } .products-details-desc .products-details-accordion .accordion .accordion-content .products-review-form .review-title p { margin-bottom: 0; display: inline-block; padding-left: 5px; line-height: initial; position: relative; top: -2px; } .products-details-desc .products-details-accordion .accordion .accordion-content .products-review-form .review-title .default-btn { position: absolute; right: 0; bottom: 0; } .products-details-desc .products-details-accordion .accordion .accordion-content .products-review-form .review-comments { margin-top: 35px; } .products-details-desc .products-details-accordion .accordion .accordion-content .products-review-form .review-comments .review-item { margin-top: 30px; position: relative; border-top: 1px dashed #eeeeee; padding-top: 30px; } .products-details-desc .products-details-accordion .accordion .accordion-content .products-review-form .review-comments .review-item .rating .bx.bxs-star { color: #ffba0a; } .products-details-desc .products-details-accordion .accordion .accordion-content .products-review-form .review-comments .review-item .rating i { font-size: 17px; color: #ebebeb; margin-right: -1px; } .products-details-desc .products-details-accordion .accordion .accordion-content .products-review-form .review-comments .review-item h3 { font-size: 16px; margin-top: 8px; margin-bottom: 8px; } .products-details-desc .products-details-accordion .accordion .accordion-content .products-review-form .review-comments .review-item span { margin-bottom: 10px; font-size: 15px; display: block; } .products-details-desc .products-details-accordion .accordion .accordion-content .products-review-form .review-comments .review-item span strong { font-weight: 500; } .products-details-desc .products-details-accordion .accordion .accordion-content .products-review-form .review-comments .review-item p { margin-bottom: 0; } .products-details-desc .products-details-accordion .accordion .accordion-content .products-review-form .review-form { margin-top: 30px; } .products-details-desc .products-details-accordion .accordion .accordion-content .products-review-form .review-form h3 { margin-bottom: 20px; } .products-details-desc .products-details-accordion .accordion .accordion-content .products-review-form .review-form form .form-group { margin-bottom: 15px; } .related-products { margin-top: 70px; } /*================================================ Cart Area CSS =================================================*/ .cart-table table { margin-bottom: 0; } .cart-table table thead tr th { border-bottom-width: 0px; vertical-align: middle; padding: 20px 0 20px; text-transform: uppercase; border: none; white-space: nowrap; font-size: 15px; font-weight: 800; } .cart-table table tbody tr td { vertical-align: middle; color: #606060; white-space: nowrap; padding-left: 0; padding-right: 0; padding-top: 15px; padding-bottom: 15px; border-color: #eaedff; border-left: none; border-right: none; } .cart-table table tbody tr td.product-thumbnail a { display: inline-block; } .cart-table table tbody tr td.product-thumbnail a img { width: 100px; } .cart-table table tbody tr td.product-name a { display: inline-block; font-size: 15px; font-weight: 700; } .cart-table table tbody tr td.product-name ul { padding-left: 0; list-style-type: none; margin-top: 10px; margin-bottom: 0; } .cart-table table tbody tr td.product-name ul li { margin-bottom: 6px; font-size: 13.5px; } .cart-table table tbody tr td.product-name ul li span { display: inline; color: #130947; } .cart-table table tbody tr td.product-name ul li:last-child { margin-bottom: 0; } .cart-table table tbody tr td.product-subtotal { overflow: hidden; } .cart-table table tbody tr td.product-subtotal .subtotal-amount { color: #130947; font-weight: 600; } .cart-table table tbody tr td.product-subtotal .remove { color: red; float: right; display: block; position: relative; top: -1px; font-size: 18px; } .cart-table table tbody tr td.product-quantity .input-counter { max-width: 130px; min-width: 130px; text-align: center; display: inline-block; position: relative; } .cart-table table tbody tr td.product-quantity .input-counter span { position: absolute; top: 0; background-color: transparent; cursor: pointer; color: #d0d0d0; width: 40px; height: 100%; line-height: 50px; -webkit-transition: 0.5s; transition: 0.5s; font-size: 22px; } .cart-table table tbody tr td.product-quantity .input-counter span.minus-btn { left: 0; } .cart-table table tbody tr td.product-quantity .input-counter span.plus-btn { right: 0; } .cart-table table tbody tr td.product-quantity .input-counter span:hover { color: #4f87fb; } .cart-table table tbody tr td.product-quantity .input-counter input { height: 45px; color: #130947; outline: 0; display: block; border: none; background-color: #f8f8f8; text-align: center; width: 100%; font-size: 17px; font-weight: 600; } .cart-table table tbody tr td.product-quantity .input-counter input::-webkit-input-placeholder { color: #130947; } .cart-table table tbody tr td.product-quantity .input-counter input:-ms-input-placeholder { color: #130947; } .cart-table table tbody tr td.product-quantity .input-counter input::-ms-input-placeholder { color: #130947; } .cart-table table tbody tr td.product-quantity .input-counter input::placeholder { color: #130947; } .cart-table table tbody tr td .unit-amount { color: #130947; font-weight: 600; } .cart-buttons { margin-top: 30px; } .cart-totals { background: #ffffff; padding: 40px; max-width: 500px; -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08); border-radius: 5px; margin-left: auto; margin-top: 50px; margin-right: auto; } .cart-totals h3 { margin-bottom: 20px; font-size: 22px; font-weight: 800; } .cart-totals ul { padding-left: 0; margin: 0 0 25px; list-style-type: none; } .cart-totals ul li { border: 1px solid #eaedff; padding: 10px 15px; color: #130947; overflow: hidden; font-weight: 700; } .cart-totals ul li:first-child { border-bottom: none; } .cart-totals ul li:last-child { font-size: 18px; border-top: none; } .cart-totals ul li:last-child span { color: #130947; } .cart-totals ul li span { float: right; font-weight: normal; } /*================================================ Checkout Area CSS =================================================*/ .user-actions { -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08); background: #ffffff; padding: 15px 20px; border-top: 3px solid #4f87fb; position: relative; margin-bottom: 40px; } .user-actions i { color: #4f87fb; margin-right: 2px; font-size: 20px; position: relative; top: 3px; } .user-actions span { display: inline-block; color: #4f87fb; font-weight: 600; } .user-actions span a { display: inline-block; color: #130947; } .user-actions span a:hover, .user-actions span a:focus { color: #4f87fb; } .billing-details .title { margin-bottom: 30px; position: relative; padding-bottom: 10px; border-bottom: 1px solid #eeeeee; font-size: 20px; font-weight: 800; } .billing-details .title::before { content: ''; position: absolute; background: #4f87fb; bottom: -1px; left: 0; width: 50px; height: 1px; } .billing-details .form-group { margin-bottom: 25px; } .billing-details .form-group label { display: block; margin-bottom: 8px; text-transform: uppercase; font-weight: 600; font-size: 14px; } .billing-details .form-group label .required { color: red; } .billing-details .form-group .nice-select { float: unset; line-height: 48px; color: #130947; border: none; background-color: #f5f5f5 !important; font-weight: normal; font-size: 15px; padding-top: 0; padding-bottom: 0; } .billing-details .form-group .nice-select .list { background-color: #ffffff; -webkit-box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1); box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1); border-radius: 0; margin-top: 0; width: 100%; padding-top: 10px; padding-bottom: 10px; } .billing-details .form-group .nice-select .list .option { -webkit-transition: 0.5s; transition: 0.5s; padding-left: 20px; padding-right: 20px; } .billing-details .form-group .nice-select .list .option:hover { background-color: #4f87fb !important; color: #ffffff; } .billing-details .form-group .nice-select .list .option.selected { background-color: transparent; font-weight: 600; } .billing-details .form-group .nice-select:after { right: 20px; } .billing-details .form-check { margin-bottom: 20px; } .billing-details .form-check .form-check-label { color: #130947; } .billing-details .form-check label { position: relative; left: -3px; top: 1px; font-weight: 500; } .billing-details .col-lg-12:last-child .form-group { margin-bottom: 0; } .order-details .title { margin-bottom: 30px; position: relative; padding-bottom: 10px; border-bottom: 1px solid #eeeeee; font-size: 20px; font-weight: 800; } .order-details .title::before { content: ''; position: absolute; background: #4f87fb; bottom: -1px; left: 0; width: 50px; height: 1px; } .order-details .order-table table { margin-bottom: 0; } .order-details .order-table table thead tr th { border-bottom-width: 0; vertical-align: middle; border-color: #eaedff; padding: 12px 20px 10px; font-weight: 800; font-size: 16px; } .order-details .order-table table tbody tr td { vertical-align: middle; border-color: #eaedff; font-size: 15px; padding-left: 20px; padding-right: 20px; padding-top: 15px; padding-bottom: 13px; } .order-details .order-table table tbody tr td.product-name a { display: inline-block; font-weight: 600; } .order-details .order-table table tbody tr td.order-subtotal span, .order-details .order-table table tbody tr td.order-shipping span, .order-details .order-table table tbody tr td.total-price span { color: #130947; font-weight: 700; } .order-details .order-table table tbody tr td.shipping-price, .order-details .order-table table tbody tr td.order-subtotal-price, .order-details .order-table table tbody tr td.product-subtotal { font-weight: 700; color: #130947; } .order-details .payment-box { background-color: #ffffff; -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06); box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06); margin-top: 30px; padding: 30px; } .order-details .payment-box .payment-method p [type="radio"]:checked, .order-details .payment-box .payment-method p [type="radio"]:not(:checked) { display: none; } .order-details .payment-box .payment-method p [type="radio"]:checked + label, .order-details .payment-box .payment-method p [type="radio"]:not(:checked) + label { padding-left: 27px; cursor: pointer; display: block; color: #130947; position: relative; margin-bottom: 8px; font-weight: 700; } .order-details .payment-box .payment-method p [type="radio"]:checked + label::before, .order-details .payment-box .payment-method p [type="radio"]:not(:checked) + label::before { content: ''; position: absolute; left: 0; top: 5px; width: 18px; height: 18px; border: 1px solid #dddddd; border-radius: 50%; background: #ffffff; } .order-details .payment-box .payment-method p [type="radio"]:checked + label::after, .order-details .payment-box .payment-method p [type="radio"]:not(:checked) + label::after { content: ''; width: 12px; height: 12px; background: #4f87fb; position: absolute; top: 8px; left: 3px; border-radius: 50%; -webkit-transition: 0.5s; transition: 0.5s; } .order-details .payment-box .payment-method p [type="radio"]:not(:checked) + label::after { opacity: 0; visibility: hidden; -webkit-transform: scale(0); transform: scale(0); } .order-details .payment-box .payment-method p [type="radio"]:checked + label::after { opacity: 1; visibility: visible; -webkit-transform: scale(1); transform: scale(1); } .order-details .payment-box .default-btn { margin-top: 20px; -webkit-box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.2); box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.2); display: block; text-align: center; } /*================================================ Blog Area CSS =================================================*/ .single-blog-post { margin-bottom: 30px; position: relative; z-index: 1; border-radius: 5px; } .single-blog-post .post-image { border-radius: 5px; } .single-blog-post .post-image a { display: block; } .single-blog-post .post-image a img { border-radius: 5px; } .single-blog-post .post-content { position: absolute; left: 0; bottom: 0; width: 100%; height: auto; padding: 30px; } .single-blog-post .post-content .date { display: block; color: #ffffff; margin-bottom: 10px; } .single-blog-post .post-content h3 { margin-bottom: 0; color: #ffffff; max-width: 400px; line-height: 1.5; font-size: 20px; font-weight: 800; } .single-blog-post .post-content h3 a { color: #ffffff; display: inline-block; } .single-blog-post .post-content h3 a:hover { color: #4f87fb; } .single-blog-post::before { content: ''; position: absolute; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.7))); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); border-radius: 5px; left: 0; bottom: 0; width: 100%; height: 35%; } .small-blog-post { margin-bottom: 30px; } .small-blog-post .single-small-blog-post { margin-bottom: 23px; } .small-blog-post .single-small-blog-post .post-image { border-radius: 5px; border: 1px solid #cedcfa; padding: 5px; } .small-blog-post .single-small-blog-post .post-image a { display: block; } .small-blog-post .single-small-blog-post .post-image a img { border-radius: 5px; max-width: 130px; } .small-blog-post .single-small-blog-post .post-content { padding-left: 20px; } .small-blog-post .single-small-blog-post .post-content .date { display: block; margin-bottom: 8px; color: #606060; } .small-blog-post .single-small-blog-post .post-content .date i { color: #4f87fb; } .small-blog-post .single-small-blog-post .post-content h3 { margin-bottom: 0; line-height: 1.4; font-size: 18px; font-weight: 800; } .small-blog-post .single-small-blog-post .post-content h3 a { display: inline-block; } .single-blog-post-item { position: relative; margin-bottom: 30px; } .single-blog-post-item .post-image { overflow: hidden; position: relative; border-radius: 5px 5px 0 0; } .single-blog-post-item .post-image a { display: block; border-radius: 5px 5px 0 0; } .single-blog-post-item .post-image a img { border-radius: 5px 5px 0 0; -webkit-transition: 0.5s; transition: 0.5s; } .single-blog-post-item .post-image .date { position: absolute; right: -100%; top: 20px; background-color: #ffffff; color: #130947; padding: 5px 10px 6px; -webkit-transition: 0.5s; transition: 0.5s; visibility: hidden; font-style: italic; font-size: 15px; font-weight: 600; } .single-blog-post-item .post-content { margin-top: 20px; } .single-blog-post-item .post-content .category { display: block; margin-bottom: 10px; text-transform: uppercase; color: #4f87fb; font-weight: 600; font-size: 14px; } .single-blog-post-item .post-content h3 { margin-bottom: 0; line-height: 1.5; font-size: 20px; font-weight: 800; } .single-blog-post-item .post-content h3 a { display: inline-block; } .single-blog-post-item .post-content .details-btn { margin-top: 13px; display: inline-block; position: relative; color: #130947; text-transform: uppercase; font-size: 13px; font-weight: 600; } .single-blog-post-item .post-content .details-btn::before { width: 100%; height: 1px; background-color: #606060; content: ''; position: absolute; -webkit-transition: 0.5s; transition: 0.5s; left: 0; bottom: 0; } .single-blog-post-item .post-content .details-btn:hover { color: #4f87fb; } .single-blog-post-item .post-content .details-btn:hover::before { width: 0; } .single-blog-post-item:hover .post-image img { -webkit-transform: scale(1.07) rotate(2deg); transform: scale(1.07) rotate(2deg); } .single-blog-post-item:hover .post-image .date { visibility: visible; right: 0; } /*================================================ Blog Details Area CSS =================================================*/ .blog-details-desc .article-image img { width: 100%; } .blog-details-desc .article-content { margin-top: 30px; } .blog-details-desc .article-content .entry-meta ul { padding-left: 0; margin-bottom: 0; list-style-type: none; } .blog-details-desc .article-content .entry-meta ul li { margin-right: 20px; position: relative; display: inline-block; border-right: 1px solid #eeeeee; font-weight: 700; font-size: 15px; padding-right: 20px; padding-left: 45px; } .blog-details-desc .article-content .entry-meta ul li i { font-size: 32px; color: #cfcfcf; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .blog-details-desc .article-content .entry-meta ul li span { display: block; color: #4f87fb; text-transform: uppercase; margin-bottom: 2px; font-size: 14px; font-weight: 600; } .blog-details-desc .article-content .entry-meta ul li a { display: inline-block; font-size: 15px; font-weight: 700; } .blog-details-desc .article-content .entry-meta ul li:last-child { padding-right: 0; margin-right: 0; border-right: none; } .blog-details-desc .article-content h3 { margin-bottom: 17px; margin-top: 25px; font-size: 22px; font-weight: 700; } .blog-details-desc .article-content .wp-block-gallery.columns-3 { padding-left: 0; list-style-type: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -10px; margin-left: -10px; margin-bottom: 30px; margin-top: 30px; } .blog-details-desc .article-content .wp-block-gallery.columns-3 li { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; max-width: 33.3333%; padding-right: 10px; padding-left: 10px; } .blog-details-desc .article-content .wp-block-gallery.columns-3 li figure { margin-bottom: 0; } .blog-details-desc .article-content .features-list { padding-left: 0; list-style-type: none; margin-top: 25px; margin-bottom: 30px; } .blog-details-desc .article-content .features-list li { margin-bottom: 15px; position: relative; padding-left: 26px; color: #606060; } .blog-details-desc .article-content .features-list li i { color: #4f87fb; display: inline-block; font-size: 20px; position: absolute; left: 0; top: 1px; } .blog-details-desc .article-content .features-list li:last-child { margin-bottom: 0; } .blog-details-desc .article-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; border-top: 1px solid #eeeeee; padding-top: 30px; margin-top: 30px; } .blog-details-desc .article-footer .article-tags { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; color: #606060; } .blog-details-desc .article-footer .article-tags span { display: inline-block; color: #130947; margin-right: 3px; position: relative; top: 3px; font-size: 20px; } .blog-details-desc .article-footer .article-tags a { display: inline-block; font-weight: 600; } .blog-details-desc .article-footer .article-share { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .blog-details-desc .article-footer .article-share .social { padding-left: 0; list-style-type: none; text-align: right; margin-bottom: 0; } .blog-details-desc .article-footer .article-share .social li { display: inline-block; } .blog-details-desc .article-footer .article-share .social li span { display: inline-block; margin-right: 3px; font-weight: 600; position: relative; top: -2px; } .blog-details-desc .article-footer .article-share .social li a { display: block; width: 32px; height: 32px; line-height: 32px; border-radius: 50%; background-color: #4f87fb; color: #ffffff; border: 1px solid #4f87fb; text-align: center; font-size: 17px; margin-left: 2px; } .blog-details-desc .article-footer .article-share .social li a:hover, .blog-details-desc .article-footer .article-share .social li a:focus { color: #4f87fb; background-color: transparent; } .blog-details-desc .article-footer .article-share .social li a.facebook { background-color: #3b5998; border-color: #3b5998; color: #ffffff; } .blog-details-desc .article-footer .article-share .social li a.facebook:hover, .blog-details-desc .article-footer .article-share .social li a.facebook:focus { color: #3b5998; background-color: transparent; } .blog-details-desc .article-footer .article-share .social li a.twitter { background-color: #1da1f2; border-color: #1da1f2; color: #ffffff; } .blog-details-desc .article-footer .article-share .social li a.twitter:hover, .blog-details-desc .article-footer .article-share .social li a.twitter:focus { color: #1da1f2; background-color: transparent; } .blog-details-desc .article-footer .article-share .social li a.linkedin { background-color: #007bb5; border-color: #007bb5; color: #ffffff; } .blog-details-desc .article-footer .article-share .social li a.linkedin:hover, .blog-details-desc .article-footer .article-share .social li a.linkedin:focus { color: #007bb5; background-color: transparent; } .blog-details-desc .article-footer .article-share .social li a.instagram { background-color: #c13584; border-color: #c13584; color: #ffffff; } .blog-details-desc .article-footer .article-share .social li a.instagram:hover, .blog-details-desc .article-footer .article-share .social li a.instagram:focus { color: #c13584; background-color: transparent; } .blog-details-desc blockquote, .blog-details-desc .blockquote { overflow: hidden; background-color: #fafafa; padding: 50px !important; position: relative; text-align: center; z-index: 1; margin-bottom: 20px; margin-top: 20px; } .blog-details-desc blockquote p, .blog-details-desc .blockquote p { color: #130947; line-height: 1.6; margin-bottom: 0; font-style: italic; font-weight: 700; font-size: 22px !important; } .blog-details-desc blockquote cite, .blog-details-desc .blockquote cite { display: none; } .blog-details-desc blockquote::before, .blog-details-desc .blockquote::before { color: #efefef; position: absolute; -webkit-animation: fade-up 1.5s infinite linear; animation: fade-up 1.5s infinite linear; left: 50px; top: -50px; z-index: -1; content: "\f112"; font-family: Flaticon; font-style: normal; font-size: 135px; } .blog-details-desc blockquote::after, .blog-details-desc .blockquote::after { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background-color: #4f87fb; margin-top: 20px; margin-bottom: 20px; } .cognizance-post-navigation { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 30px; padding-top: 30px; padding-bottom: 30px; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; } .prev-link-wrapper { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding-right: 15px; } .prev-link-wrapper a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .prev-link-wrapper a:hover .image-prev::after { opacity: 1; visibility: visible; } .prev-link-wrapper a:hover .image-prev .post-nav-title { opacity: 1; visibility: visible; } .prev-link-wrapper a:hover .prev-link-info-wrapper { color: #4f87fb; } .prev-link-wrapper .image-prev { display: inline-block; min-width: 100px; width: 100px; border-radius: 5px; overflow: hidden; vertical-align: top; margin-right: 20px; position: relative; -webkit-transition: 0.5s; transition: 0.5s; } .prev-link-wrapper .image-prev img { border-radius: 5px; } .prev-link-wrapper .image-prev::after { display: block; content: ''; height: 100%; width: 100%; position: absolute; top: 0; left: 0; border-radius: 5px; opacity: 0; background-color: #4f87fb; visibility: hidden; -webkit-transition: 0.5s; transition: 0.5s; } .prev-link-wrapper .image-prev .post-nav-title { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; margin: 0 auto; text-align: center; text-transform: uppercase; z-index: 2; color: #ffffff; opacity: 0; visibility: hidden; -webkit-transition: 0.5s; transition: 0.5s; font-size: 16px; font-weight: 500; } .prev-link-wrapper .prev-link-info-wrapper { color: #130947; -webkit-transition: 0.5s; transition: 0.5s; } .prev-link-wrapper .prev-title { display: inline-block; font-weight: 700; font-size: 16px; } .prev-link-wrapper .meta-wrapper { display: block; color: #606060; text-transform: capitalize; margin-top: 5px; font-weight: 500; font-size: 14px; } .next-link-wrapper { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; text-align: right; padding-left: 15px; } .next-link-wrapper a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .next-link-wrapper a:hover .image-next::after { opacity: 1; visibility: visible; } .next-link-wrapper a:hover .image-next .post-nav-title { opacity: 1; visibility: visible; } .next-link-wrapper a:hover .next-link-info-wrapper { color: #4f87fb; } .next-link-wrapper .image-next { display: inline-block; min-width: 100px; width: 100px; border-radius: 5px; overflow: hidden; vertical-align: top; margin-left: 20px; position: relative; -webkit-transition: 0.5s; transition: 0.5s; } .next-link-wrapper .image-next img { border-radius: 5px; } .next-link-wrapper .image-next::after { display: block; content: ''; height: 100%; width: 100%; position: absolute; top: 0; left: 0; border-radius: 5px; opacity: 0; background-color: #4f87fb; visibility: hidden; -webkit-transition: 0.5s; transition: 0.5s; } .next-link-wrapper .image-next .post-nav-title { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; margin: 0 auto; text-align: center; text-transform: uppercase; z-index: 2; color: #ffffff; opacity: 0; visibility: hidden; -webkit-transition: 0.5s; transition: 0.5s; font-size: 16px; font-weight: 500; } .next-link-wrapper .next-link-info-wrapper { -webkit-transition: 0.5s; transition: 0.5s; color: #130947; } .next-link-wrapper .next-title { display: inline-block; font-weight: 700; font-size: 16px; } .next-link-wrapper .meta-wrapper { display: block; color: #606060; text-transform: capitalize; margin-top: 5px; font-weight: 500; font-size: 14px; } .comments-area { margin-top: 30px; } .comments-area .comments-title { line-height: initial; margin-bottom: 30px; font-size: 22px; font-weight: 700; } .comments-area ol, .comments-area ul { padding: 0; margin: 0; list-style-type: none; } .comments-area .comment-list { padding: 0; margin: 0; list-style-type: none; } .comments-area .children { margin-left: 20px; } .comments-area .comment-body { border-bottom: 1px dashed #eeeeee; padding-left: 65px; color: #130947; font-size: 14px; margin-bottom: 20px; padding-bottom: 20px; } .comments-area .comment-body .reply { margin-top: 15px; } .comments-area .comment-body .reply a { border: 1px dashed #ded9d9; color: #130947; display: inline-block; padding: 5px 20px; border-radius: 30px; text-transform: uppercase; font-size: 13px; font-weight: 600; } .comments-area .comment-body .reply a:hover { color: #ffffff; background-color: #4f87fb; border-color: #4f87fb; } .comments-area .comment-author { font-size: 16px; margin-bottom: 0.3em; position: relative; z-index: 2; } .comments-area .comment-author .avatar { height: 50px; left: -65px; position: absolute; width: 50px; } .comments-area .comment-author .fn { font-weight: 700; } .comments-area .comment-author .says { display: none; } .comments-area .comment-metadata { margin-bottom: .8em; color: #606060; letter-spacing: 0.01em; text-transform: uppercase; font-size: 13px; font-weight: 400; } .comments-area .comment-metadata a { display: inline-block; color: #606060; } .comments-area .comment-metadata a:hover { color: #4f87fb; } .comments-area .comment-respond { margin-top: 30px; } .comments-area .comment-respond .comment-reply-title { margin-bottom: 0; font-size: 22px; font-weight: 700; } .comments-area .comment-respond .comment-reply-title #cancel-comment-reply-link { display: inline-block; } .comments-area .comment-respond .comment-form { overflow: hidden; } .comments-area .comment-respond .comment-notes { margin-bottom: 20px; margin-top: 10px; } .comments-area .comment-respond .comment-notes .required { color: red; } .comments-area .comment-respond .comment-form-comment { float: left; width: 100%; } .comments-area .comment-respond label { display: none; } .comments-area .comment-respond input[type="date"], .comments-area .comment-respond input[type="time"], .comments-area .comment-respond input[type="datetime-local"], .comments-area .comment-respond input[type="week"], .comments-area .comment-respond input[type="month"], .comments-area .comment-respond input[type="text"], .comments-area .comment-respond input[type="email"], .comments-area .comment-respond input[type="url"], .comments-area .comment-respond input[type="password"], .comments-area .comment-respond input[type="search"], .comments-area .comment-respond input[type="tel"], .comments-area .comment-respond input[type="number"], .comments-area .comment-respond textarea { display: block; width: 100%; background-color: #f4f4f4; border: none; padding: 0 0 0 15px; height: 50px; outline: 0; border-radius: 3px; color: #130947; font-weight: 500; font-size: 15px; } .comments-area .comment-respond input[type="date"]::-webkit-input-placeholder, .comments-area .comment-respond input[type="time"]::-webkit-input-placeholder, .comments-area .comment-respond input[type="datetime-local"]::-webkit-input-placeholder, .comments-area .comment-respond input[type="week"]::-webkit-input-placeholder, .comments-area .comment-respond input[type="month"]::-webkit-input-placeholder, .comments-area .comment-respond input[type="text"]::-webkit-input-placeholder, .comments-area .comment-respond input[type="email"]::-webkit-input-placeholder, .comments-area .comment-respond input[type="url"]::-webkit-input-placeholder, .comments-area .comment-respond input[type="password"]::-webkit-input-placeholder, .comments-area .comment-respond input[type="search"]::-webkit-input-placeholder, .comments-area .comment-respond input[type="tel"]::-webkit-input-placeholder, .comments-area .comment-respond input[type="number"]::-webkit-input-placeholder, .comments-area .comment-respond textarea::-webkit-input-placeholder { -webkit-transition: 0.5s; transition: 0.5s; color: #606060; } .comments-area .comment-respond input[type="date"]:-ms-input-placeholder, .comments-area .comment-respond input[type="time"]:-ms-input-placeholder, .comments-area .comment-respond input[type="datetime-local"]:-ms-input-placeholder, .comments-area .comment-respond input[type="week"]:-ms-input-placeholder, .comments-area .comment-respond input[type="month"]:-ms-input-placeholder, .comments-area .comment-respond input[type="text"]:-ms-input-placeholder, .comments-area .comment-respond input[type="email"]:-ms-input-placeholder, .comments-area .comment-respond input[type="url"]:-ms-input-placeholder, .comments-area .comment-respond input[type="password"]:-ms-input-placeholder, .comments-area .comment-respond input[type="search"]:-ms-input-placeholder, .comments-area .comment-respond input[type="tel"]:-ms-input-placeholder, .comments-area .comment-respond input[type="number"]:-ms-input-placeholder, .comments-area .comment-respond textarea:-ms-input-placeholder { -webkit-transition: 0.5s; transition: 0.5s; color: #606060; } .comments-area .comment-respond input[type="date"]::-ms-input-placeholder, .comments-area .comment-respond input[type="time"]::-ms-input-placeholder, .comments-area .comment-respond input[type="datetime-local"]::-ms-input-placeholder, .comments-area .comment-respond input[type="week"]::-ms-input-placeholder, .comments-area .comment-respond input[type="month"]::-ms-input-placeholder, .comments-area .comment-respond input[type="text"]::-ms-input-placeholder, .comments-area .comment-respond input[type="email"]::-ms-input-placeholder, .comments-area .comment-respond input[type="url"]::-ms-input-placeholder, .comments-area .comment-respond input[type="password"]::-ms-input-placeholder, .comments-area .comment-respond input[type="search"]::-ms-input-placeholder, .comments-area .comment-respond input[type="tel"]::-ms-input-placeholder, .comments-area .comment-respond input[type="number"]::-ms-input-placeholder, .comments-area .comment-respond textarea::-ms-input-placeholder { -webkit-transition: 0.5s; transition: 0.5s; color: #606060; } .comments-area .comment-respond input[type="date"]::placeholder, .comments-area .comment-respond input[type="time"]::placeholder, .comments-area .comment-respond input[type="datetime-local"]::placeholder, .comments-area .comment-respond input[type="week"]::placeholder, .comments-area .comment-respond input[type="month"]::placeholder, .comments-area .comment-respond input[type="text"]::placeholder, .comments-area .comment-respond input[type="email"]::placeholder, .comments-area .comment-respond input[type="url"]::placeholder, .comments-area .comment-respond input[type="password"]::placeholder, .comments-area .comment-respond input[type="search"]::placeholder, .comments-area .comment-respond input[type="tel"]::placeholder, .comments-area .comment-respond input[type="number"]::placeholder, .comments-area .comment-respond textarea::placeholder { -webkit-transition: 0.5s; transition: 0.5s; color: #606060; } .comments-area .comment-respond input[type="date"]:focus::-webkit-input-placeholder, .comments-area .comment-respond input[type="time"]:focus::-webkit-input-placeholder, .comments-area .comment-respond input[type="datetime-local"]:focus::-webkit-input-placeholder, .comments-area .comment-respond input[type="week"]:focus::-webkit-input-placeholder, .comments-area .comment-respond input[type="month"]:focus::-webkit-input-placeholder, .comments-area .comment-respond input[type="text"]:focus::-webkit-input-placeholder, .comments-area .comment-respond input[type="email"]:focus::-webkit-input-placeholder, .comments-area .comment-respond input[type="url"]:focus::-webkit-input-placeholder, .comments-area .comment-respond input[type="password"]:focus::-webkit-input-placeholder, .comments-area .comment-respond input[type="search"]:focus::-webkit-input-placeholder, .comments-area .comment-respond input[type="tel"]:focus::-webkit-input-placeholder, .comments-area .comment-respond input[type="number"]:focus::-webkit-input-placeholder, .comments-area .comment-respond textarea:focus::-webkit-input-placeholder { color: transparent; } .comments-area .comment-respond input[type="date"]:focus:-ms-input-placeholder, .comments-area .comment-respond input[type="time"]:focus:-ms-input-placeholder, .comments-area .comment-respond input[type="datetime-local"]:focus:-ms-input-placeholder, .comments-area .comment-respond input[type="week"]:focus:-ms-input-placeholder, .comments-area .comment-respond input[type="month"]:focus:-ms-input-placeholder, .comments-area .comment-respond input[type="text"]:focus:-ms-input-placeholder, .comments-area .comment-respond input[type="email"]:focus:-ms-input-placeholder, .comments-area .comment-respond input[type="url"]:focus:-ms-input-placeholder, .comments-area .comment-respond input[type="password"]:focus:-ms-input-placeholder, .comments-area .comment-respond input[type="search"]:focus:-ms-input-placeholder, .comments-area .comment-respond input[type="tel"]:focus:-ms-input-placeholder, .comments-area .comment-respond input[type="number"]:focus:-ms-input-placeholder, .comments-area .comment-respond textarea:focus:-ms-input-placeholder { color: transparent; } .comments-area .comment-respond input[type="date"]:focus::-ms-input-placeholder, .comments-area .comment-respond input[type="time"]:focus::-ms-input-placeholder, .comments-area .comment-respond input[type="datetime-local"]:focus::-ms-input-placeholder, .comments-area .comment-respond input[type="week"]:focus::-ms-input-placeholder, .comments-area .comment-respond input[type="month"]:focus::-ms-input-placeholder, .comments-area .comment-respond input[type="text"]:focus::-ms-input-placeholder, .comments-area .comment-respond input[type="email"]:focus::-ms-input-placeholder, .comments-area .comment-respond input[type="url"]:focus::-ms-input-placeholder, .comments-area .comment-respond input[type="password"]:focus::-ms-input-placeholder, .comments-area .comment-respond input[type="search"]:focus::-ms-input-placeholder, .comments-area .comment-respond input[type="tel"]:focus::-ms-input-placeholder, .comments-area .comment-respond input[type="number"]:focus::-ms-input-placeholder, .comments-area .comment-respond textarea:focus::-ms-input-placeholder { color: transparent; } .comments-area .comment-respond input[type="date"]:focus::placeholder, .comments-area .comment-respond input[type="time"]:focus::placeholder, .comments-area .comment-respond input[type="datetime-local"]:focus::placeholder, .comments-area .comment-respond input[type="week"]:focus::placeholder, .comments-area .comment-respond input[type="month"]:focus::placeholder, .comments-area .comment-respond input[type="text"]:focus::placeholder, .comments-area .comment-respond input[type="email"]:focus::placeholder, .comments-area .comment-respond input[type="url"]:focus::placeholder, .comments-area .comment-respond input[type="password"]:focus::placeholder, .comments-area .comment-respond input[type="search"]:focus::placeholder, .comments-area .comment-respond input[type="tel"]:focus::placeholder, .comments-area .comment-respond input[type="number"]:focus::placeholder, .comments-area .comment-respond textarea:focus::placeholder { color: transparent; } .comments-area .comment-respond textarea { height: auto !important; padding-top: 15px; } .comments-area .comment-respond .comment-form-author { float: left; width: 50%; padding-right: 10px; margin-bottom: 20px; } .comments-area .comment-respond .comment-form-email { float: left; width: 50%; padding-left: 12px; margin-bottom: 20px; } .comments-area .comment-respond .comment-form-url { float: left; width: 100%; margin-bottom: 20px; } .comments-area .comment-respond .comment-form-cookies-consent { width: 100%; float: left; position: relative; padding-left: 20px; margin-bottom: 20px; margin-top: 15px; } .comments-area .comment-respond .comment-form-cookies-consent input { position: absolute; left: 0; top: 4px; } .comments-area .comment-respond .comment-form-cookies-consent label { display: inline-block; margin: 0; color: #606060; position: relative; top: -3.2px; font-weight: normal; font-size: 16px; } .comments-area .comment-respond .form-submit { float: left; width: 100%; } .comments-area .comment-respond .form-submit input { background: #4f87fb; border: none; color: #ffffff; padding: 10px 30px 9px; display: inline-block; cursor: pointer; text-transform: uppercase; -webkit-transition: 0.5s; transition: 0.5s; border-radius: 0; font-weight: 600; font-size: 14.5px; } .comments-area .comment-respond .form-submit input:hover, .comments-area .comment-respond .form-submit input:focus { color: #ffffff; background: #130947; } /*================================================ Subscribe Area CSS =================================================*/ .subscribe-area { border-bottom: 1.5px solid #1b1b60; padding-bottom: 45px; margin-bottom: 45px; } .subscribe-area h2 { margin-bottom: 0; color: #ffffff; font-size: 28px; font-weight: 800; } .subscribe-area .newsletter-form { position: relative; padding-left: 30px; } .subscribe-area .newsletter-form .input-newsletter { height: 50px; display: block; width: 100%; border: none; border-radius: 0; border-radius: 5px; font-size: 14px; font-weight: 600; font-family: "Open Sans", sans-serif; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 15px; } .subscribe-area .newsletter-form .input-newsletter::-webkit-input-placeholder { color: #999999; -webkit-transition: 0.5s; transition: 0.5s; } .subscribe-area .newsletter-form .input-newsletter:-ms-input-placeholder { color: #999999; -webkit-transition: 0.5s; transition: 0.5s; } .subscribe-area .newsletter-form .input-newsletter::-ms-input-placeholder { color: #999999; -webkit-transition: 0.5s; transition: 0.5s; } .subscribe-area .newsletter-form .input-newsletter::placeholder { color: #999999; -webkit-transition: 0.5s; transition: 0.5s; } .subscribe-area .newsletter-form .input-newsletter:focus::-webkit-input-placeholder { color: transparent; } .subscribe-area .newsletter-form .input-newsletter:focus:-ms-input-placeholder { color: transparent; } .subscribe-area .newsletter-form .input-newsletter:focus::-ms-input-placeholder { color: transparent; } .subscribe-area .newsletter-form .input-newsletter:focus::placeholder { color: transparent; } .subscribe-area .newsletter-form button { position: absolute; right: 0; top: 0; height: 50px; border: none; border-radius: 0 5px 5px 0; background-color: #4f87fb; display: inline-block; text-transform: uppercase; color: #ffffff; -webkit-transition: 0.5s; transition: 0.5s; padding-left: 25px; padding-right: 55px; font-size: 14px; font-weight: 600; } .subscribe-area .newsletter-form button i { position: absolute; right: 25px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 20px; -webkit-transition: 0.5s; transition: 0.5s; } .subscribe-area .newsletter-form button:hover i { right: 20px; } .subscribe-area .newsletter-form #validator-newsletter { color: #ffffff !important; position: absolute; left: 30px; bottom: -32px; } .subscribe-area .newsletter-form #validator-newsletter.validation-danger { color: red !important; } /*================================================ Page Title Area CSS =================================================*/ .page-title-area { position: relative; z-index: 1; background-color: #4f87fb; /* background-image: url(../img/funfacts-bg.jpg); */ background-position: center center; background-repeat: no-repeat; background-size: cover; padding-top: 10px; padding-bottom: 10px; /* padding-top: 150px; padding-bottom: 130px; */ } .page-title-area::before { width: 100%; height: 100%; background-color: #130947; opacity: 0.75; content: ''; position: absolute; z-index: -1; left: 0; top: 0; } .page-title-content h2 { margin-bottom: 0; color: #ffffff; font-size: 45px; font-weight: 800; } .page-title-content ul { padding-left: 0; list-style-type: none; margin-top: 15px; margin-bottom: 0; } .page-title-content ul li { display: inline-block; margin-right: 20px; color: #ffffff; position: relative; font-size: 16px; font-weight: 600; } .page-title-content ul li a { display: inline-block; color: #ffffff; } .page-title-content ul li::before { content: ''; position: absolute; right: -12px; top: 7px; width: 1px; height: 12px; background-color: #ffffff; } .page-title-content ul li:last-child { margin-right: 0; } .page-title-content ul li:last-child::before { display: none; } /*================================================ Pagination CSS =================================================*/ .pagination-area { position: relative; z-index: 1; margin-top: 30px; } .pagination-area::before { content: ''; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; height: 1px; background-color: #eeeeee; z-index: -1; } .pagination-area .page-numbers { color: #130947; display: inline-block; line-height: 1; background-color: #ffffff; font-weight: 700; font-size: 20px; margin-left: -1px; margin-right: -1px; margin-top: -10px; margin-bottom: -10px; padding-left: 8px; padding-right: 8px; } .pagination-area .page-numbers:hover, .pagination-area .page-numbers:focus, .pagination-area .page-numbers.current { color: #4f87fb; } .pagination-area .page-numbers.prev { padding-right: 0; } .pagination-area .page-numbers.next { padding-left: 0; } .pagination-area .page-numbers.prev, .pagination-area .page-numbers.next { font-size: 28px; position: relative; top: 5px; margin-left: -3px; margin-right: -3px; } /*================================================ Widget Sidebar CSS =================================================*/ .widget-area .widget { margin-bottom: 30px; } .widget-area .widget:last-child { margin-bottom: 0; } .widget-area .widget .widget-title { margin-bottom: 20px; position: relative; padding-bottom: 8px; border-bottom: 1px solid #eeeeee; font-size: 19px; font-weight: 800; } .widget-area .widget .widget-title::before { content: ''; position: absolute; left: 0; bottom: 0; width: 50px; height: 1px; bottom: -1px; background-color: #4f87fb; } .widget-area .widget_search form { position: relative; } .widget-area .widget_search form .screen-reader-text { display: none; } .widget-area .widget_search form label { display: block; margin-bottom: 0; } .widget-area .widget_search form .search-field { height: 50px; color: #130947; background-color: #f2f4f5; display: block; width: 100%; border-radius: 5px; padding: 0 0 0 15px; border: none; -webkit-transition: 0.5s; transition: 0.5s; font-size: 15px; font-weight: 600; } .widget-area .widget_search form .search-field::-webkit-input-placeholder { color: #606060; -webkit-transition: 0.5s; transition: 0.5s; } .widget-area .widget_search form .search-field:-ms-input-placeholder { color: #606060; -webkit-transition: 0.5s; transition: 0.5s; } .widget-area .widget_search form .search-field::-ms-input-placeholder { color: #606060; -webkit-transition: 0.5s; transition: 0.5s; } .widget-area .widget_search form .search-field::placeholder { color: #606060; -webkit-transition: 0.5s; transition: 0.5s; } .widget-area .widget_search form .search-field:focus::-webkit-input-placeholder { color: transparent; } .widget-area .widget_search form .search-field:focus:-ms-input-placeholder { color: transparent; } .widget-area .widget_search form .search-field:focus::-ms-input-placeholder { color: transparent; } .widget-area .widget_search form .search-field:focus::placeholder { color: transparent; } .widget-area .widget_search form button { border: none; background-color: #4f87fb; color: #ffffff; height: 40px; width: 40px; position: absolute; right: 5px; -webkit-transition: 0.5s; transition: 0.5s; border-radius: 5px; top: 5px; font-size: 20px; } .widget-area .widget_search form button:hover, .widget-area .widget_search form button:focus { background-color: #130947; color: #ffffff; } .widget-area .widget_cognizance_posts_thumb { position: relative; overflow: hidden; } .widget-area .widget_cognizance_posts_thumb .item { overflow: hidden; margin-bottom: 15px; } .widget-area .widget_cognizance_posts_thumb .item:last-child { margin-bottom: 0; } .widget-area .widget_cognizance_posts_thumb .item .thumb { float: left; height: 80px; overflow: hidden; display: block; position: relative; width: 80px; margin-right: 15px; z-index: 1; } .widget-area .widget_cognizance_posts_thumb .item .thumb .fullimage { width: 80px; height: 80px; display: inline-block; border-radius: 5px; background-size: cover !important; background-repeat: no-repeat; background-position: center center !important; } .widget-area .widget_cognizance_posts_thumb .item .thumb .fullimage.bg1 { background-image: url(../img/blog/img7.jpg); } .widget-area .widget_cognizance_posts_thumb .item .thumb .fullimage.bg2 { background-image: url(../img/blog/img8.jpg); } .widget-area .widget_cognizance_posts_thumb .item .thumb .fullimage.bg3 { background-image: url(../img/blog/img5.jpg); } .widget-area .widget_cognizance_posts_thumb .item .thumb::before, .widget-area .widget_cognizance_posts_thumb .item .thumb::after { -webkit-transition: all 0.8s cubic-bezier(0.2, 1, 0.22, 1); transition: all 0.8s cubic-bezier(0.2, 1, 0.22, 1); content: ''; background-color: #ffffff; position: absolute; z-index: 1; top: 50%; left: 50%; opacity: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .widget-area .widget_cognizance_posts_thumb .item .thumb::before { width: 40px; height: 1px; left: 100%; } .widget-area .widget_cognizance_posts_thumb .item .thumb::after { height: 40px; width: 1px; top: 0; } .widget-area .widget_cognizance_posts_thumb .item .info { overflow: hidden; margin-top: 5px; } .widget-area .widget_cognizance_posts_thumb .item .info span { display: block; color: #606060; text-transform: uppercase; margin-top: -2px; margin-bottom: 5px; font-size: 12px; } .widget-area .widget_cognizance_posts_thumb .item .info .title { margin-bottom: 0; line-height: 1.4; font-size: 15.5px; font-weight: 700; } .widget-area .widget_cognizance_posts_thumb .item .info .title a { display: inline-block; } .widget-area .widget_cognizance_posts_thumb .item:hover .thumb::before, .widget-area .widget_cognizance_posts_thumb .item:hover .thumb::after { opacity: 1; top: 50%; left: 50%; } .widget-area .widget_categories ul { padding-left: 0; margin-bottom: 0; list-style-type: none; } .widget-area .widget_categories ul li { position: relative; margin-bottom: 12px; overflow: hidden; color: #130947; padding-left: 17px; font-weight: 700; font-size: 15px; } .widget-area .widget_categories ul li:last-child { margin-bottom: 0; } .widget-area .widget_categories ul li::before { background: #4f87fb; height: 8px; width: 8px; content: ''; border-radius: 50%; left: 0; top: 8px; position: absolute; } .widget-area .widget_categories ul li a { color: #130947; display: inline-block; } .widget-area .widget_categories ul li a:hover { color: #4f87fb; } .widget-area .widget_categories ul li .post-count { color: #606060; font-size: 14px; display: inline-block; position: relative; top: 1px; } .widget-area .widget_tag_cloud .widget-title { margin-bottom: 12px; } .widget-area .tagcloud a { display: inline-block; background-color: #f6f6f6; color: #130947; padding: 7px 15px; border: none; border-radius: 3px; font-weight: 700; font-size: 14px !important; margin-top: 8px; margin-right: 4px; } .widget-area .tagcloud a:hover, .widget-area .tagcloud a:focus { color: #ffffff; background-color: #4f87fb; } .widget-area .widget_instagram ul { padding-left: 0; list-style-type: none; -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: -10px; margin-left: -5px; margin-right: -5px; } .widget-area .widget_instagram ul li { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; padding-bottom: 10px; padding-right: 5px; padding-left: 5px; } .widget-area .widget_instagram ul li a { position: relative; } .widget-area .widget_instagram ul li a::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #4f87fb; -webkit-transition: 0.5s; transition: 0.5s; opacity: 0; visibility: hidden; } .widget-area .widget_instagram ul li a:hover::before { opacity: .70; visibility: visible; } .widget-area .widget_contact { position: relative; z-index: 1; border-radius: 5px; height: 400px; text-align: center; background-image: url(../img/main-banner1.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; } .widget-area .widget_contact::before { width: 100%; height: 100%; content: ''; position: absolute; left: 0; top: 0; border-radius: 5px; background-color: #4f87fb; opacity: .40; z-index: -1; } .widget-area .widget_contact .text { position: absolute; left: 0; bottom: 25px; right: 0; } .widget-area .widget_contact .text .icon { width: 65px; height: 65px; border: 2px dashed #4f87fb; position: relative; border-radius: 50%; font-size: 35px; -webkit-transition: 0.5s; transition: 0.5s; background-color: #ffffff; color: #4f87fb; margin-left: auto; margin-right: auto; margin-bottom: 17px; } .widget-area .widget_contact .text .icon i { position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .widget-area .widget_contact .text span { display: block; color: #ffffff; margin-bottom: 8px; font-size: 16px; font-weight: 700; } .widget-area .widget_contact .text a { display: inline-block; color: #ffffff; font-weight: 700; font-size: 25px; } /*================================================ Coming Soon Area CSS =================================================*/ .coming-soon-area { height: 100vh; position: relative; z-index: 1; background: #f6f7fb; background-image: url(../img/coming-soon-bg.jpg); background-position: top center; background-size: cover; background-repeat: no-repeat; } .coming-soon-content { max-width: 700px; background: #ffffff; border-radius: 5px; overflow: hidden; text-align: center; padding: 40px 60px; -webkit-box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05); box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05); margin-left: auto; margin-right: auto; } .coming-soon-content .logo { display: inline-block; } .coming-soon-content h2 { font-size: 40px; font-weight: 800; margin-top: 30px; margin-bottom: 0; } .coming-soon-content #timer { margin-top: 40px; } .coming-soon-content #timer div { background-color: #333333; color: #ffffff; width: 100px; height: 105px; border-radius: 5px; font-size: 40px; font-weight: 700; margin-left: 10px; margin-right: 10px; } .coming-soon-content #timer div span { display: block; margin-top: -2px; font-size: 16px; font-weight: 500; } .coming-soon-content form { position: relative; max-width: 500px; margin-left: auto; margin-right: auto; margin-top: 50px; } .coming-soon-content form .form-group { margin-bottom: 25px; width: 100%; position: relative; } .coming-soon-content form .form-group .label-title { margin-bottom: 0; position: absolute; display: block; left: 0; top: 0; pointer-events: none; width: 100%; height: 100%; color: #130947; } .coming-soon-content form .form-group .label-title i { position: absolute; left: 0; -webkit-transition: 0.5s; transition: 0.5s; top: 9px; font-size: 22px; } .coming-soon-content form .form-group .label-title::before { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 0; height: 2px; -webkit-transition: 0.5s; transition: 0.5s; background: #4f87fb; } .coming-soon-content form .form-group .input-newsletter { border-radius: 0; border: none; border-bottom: 2px solid #eeeeee; padding: 0 0 0 32px; color: #130947; height: 45px; display: block; width: 100%; -webkit-transition: 0.5s; transition: 0.5s; font-size: 16px; font-weight: 400; } .coming-soon-content form .form-group .input-newsletter::-webkit-input-placeholder { color: #A1A1A1; -webkit-transition: 0.5s; transition: 0.5s; } .coming-soon-content form .form-group .input-newsletter:-ms-input-placeholder { color: #A1A1A1; -webkit-transition: 0.5s; transition: 0.5s; } .coming-soon-content form .form-group .input-newsletter::-ms-input-placeholder { color: #A1A1A1; -webkit-transition: 0.5s; transition: 0.5s; } .coming-soon-content form .form-group .input-newsletter::placeholder { color: #A1A1A1; -webkit-transition: 0.5s; transition: 0.5s; } .coming-soon-content form .form-group .input-newsletter:focus::-webkit-input-placeholder { color: transparent; } .coming-soon-content form .form-group .input-newsletter:focus:-ms-input-placeholder { color: transparent; } .coming-soon-content form .form-group .input-newsletter:focus::-ms-input-placeholder { color: transparent; } .coming-soon-content form .form-group .input-newsletter:focus::placeholder { color: transparent; } .coming-soon-content form .default-btn { border-radius: 0; } .coming-soon-content form .validation-danger { margin-top: 15px; color: red; } .coming-soon-content form .validation-success { margin-top: 15px; } .coming-soon-content form p { margin-bottom: 0; margin-top: 20px; } /*================================================ Error 404 Area CSS =================================================*/ .error-404-area { z-index: 1; background: #f8f8f8; position: relative; height: 100vh; } .error-404-area .notfound { position: relative; max-width: 520px; z-index: 1; text-align: center; margin-left: auto; margin-right: auto; } .error-404-area .notfound .notfound-bg { position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: -1; } .error-404-area .notfound .notfound-bg div { width: 100%; background: #ffffff; border-radius: 90px; height: 125px; } .error-404-area .notfound .notfound-bg div:nth-child(1) { -webkit-box-shadow: 5px 5px 0 0 #f3f3f3; box-shadow: 5px 5px 0 0 #f3f3f3; } .error-404-area .notfound .notfound-bg div:nth-child(2) { -webkit-transform: scale(1.3); transform: scale(1.3); -webkit-box-shadow: 5px 5px 0 0 #f3f3f3; box-shadow: 5px 5px 0 0 #f3f3f3; position: relative; z-index: 10; } .error-404-area .notfound .notfound-bg div:nth-child(3) { -webkit-box-shadow: 5px 5px 0 0 #f3f3f3; box-shadow: 5px 5px 0 0 #f3f3f3; position: relative; z-index: 90; } .error-404-area .notfound h1 { background: url(../img/main-banner1.jpg) no-repeat; /* -webkit-background-clip: text; */ -webkit-text-fill-color: transparent; background-size: cover; background-position: center; text-transform: uppercase; font-size: 100px; font-weight: 800; margin-top: 0; margin-bottom: 15px; } .error-404-area .notfound h3 { margin-bottom: 12px; font-weight: 700; font-size: 22px; } .error-404-area .notfound p { color: #6084a4; margin-bottom: 20px; line-height: 1.7; } /*================================================ Contact Area CSS =================================================*/ .contact-info h3 { margin-bottom: 15px; font-size: 22px; font-weight: 800; } .contact-info p a { display: inline; font-weight: 500; } .contact-info .contact-list { padding-left: 0; margin-bottom: 25px; list-style-type: none; } .contact-info .contact-list li { margin-bottom: 12px; position: relative; padding-left: 25px; } .contact-info .contact-list li i { position: absolute; left: 0; top: 2px; color: #4f87fb; font-size: 20px; } .contact-info .contact-list li a { display: inline-block; font-weight: 600; position: relative; } .contact-info .contact-list li a:hover::before { width: 100%; } .contact-info .contact-list li a::before { content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; -webkit-transition: 0.5s; transition: 0.5s; background-color: #4f87fb; } .contact-info .contact-list li:last-child { margin-bottom: 0; } .contact-info .opening-hours { padding-left: 0; margin-bottom: 25px; list-style-type: none; } .contact-info .opening-hours li { margin-bottom: 10px; } .contact-info .opening-hours li:last-child { margin-bottom: 0; } .contact-info .social { padding-left: 0; list-style-type: none; margin-bottom: 0; } .contact-info .social li { display: inline-block; margin-right: 2px; } .contact-info .social li:last-child { margin-right: 0; } .contact-info .social li a { width: 30px; height: 30px; text-align: center; display: block; color: #4f87fb; background-color: #f4f4f4; font-size: 18px; position: relative; border-radius: 2px; } .contact-info .social li a i { position: absolute; left: 0; top: 50%; right: 0; -webkit-transform: translateY(-49%); transform: translateY(-49%); } .contact-info .social li a:hover { background-color: #4f87fb; color: #ffffff; } .contact-form h3 { margin-bottom: 15px; font-size: 22px; font-weight: 800; } .contact-form form .form-group { margin-bottom: 20px; } .contact-form form .form-group label { display: block; margin-bottom: 10px; text-transform: uppercase; font-size: 14px; font-weight: 600; } .contact-form form .form-group label span { color: red; } .contact-form form .with-errors ul { padding-left: 0; list-style-type: none; margin-top: 10px; margin-bottom: 0; } .contact-form form .with-errors ul li { color: red; font-size: 15px; } .contact-form form #msgSubmit { margin-bottom: 0; } .contact-form form #msgSubmit.text-danger, .contact-form form #msgSubmit.text-success { margin-top: 15px; } .contact-form form .default-btn { margin-top: 5px; } #map iframe { width: 100%; height: 500px; margin-bottom: -10px; } #live-map-tracker { position: relative; overflow: hidden; } #live-map-tracker .link-btn { display: inline-block; text-transform: uppercase; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); text-decoration: underline; top: 12.5px; text-align: center; font-size: 15px; font-weight: 700; } #live-map-tracker iframe { width: 100%; height: 100vh; border: none; } /*================================================ Footer Area CSS =================================================*/ .footer-area { background-color: #130947; /* padding-top: 100px; */ position: relative; z-index: 1; } .single-footer-widget { margin-bottom: 30px; } .single-footer-widget .logo { display: inline-block; margin-bottom: 15px; } .single-footer-widget h3 { margin-bottom: 30px; position: relative; color: #ffffff; padding-bottom: 8px; font-size: 20px; font-weight: 800; } .single-footer-widget h3::before { width: 60px; height: 2px; background-color: #4f87fb; position: absolute; bottom: 0; left: 0; content: ''; } .single-footer-widget p { color: #f8f8f8; } .single-footer-widget .footer-quick-links { padding-left: 0; margin-bottom: 0; list-style-type: none; } .single-footer-widget .footer-quick-links li { margin-bottom: 12px; } .single-footer-widget .footer-quick-links li a { color: #f8f8f8; display: inline-block; font-weight: 600; } .single-footer-widget .footer-quick-links li a:hover { color: #4f87fb; } .single-footer-widget .footer-quick-links li:last-child { margin-bottom: 0; } .single-footer-widget .social-link { padding-left: 0; list-style-type: none; margin-top: 20px; margin-bottom: 0; } .single-footer-widget .social-link li { display: inline-block; margin-right: 3px; } .single-footer-widget .social-link li:last-child { margin-right: 0; } .single-footer-widget .social-link li a { width: 30px; height: 30px; text-align: center; color: #130947; background-color: #f8f8f8; font-size: 18px; position: relative; border-radius: 2px; } .single-footer-widget .social-link li a i { position: absolute; left: 0; top: 50%; right: 0; -webkit-transform: translateY(-48%); transform: translateY(-48%); } .single-footer-widget .social-link li a:hover { background-color: #4f87fb; color: #ffffff; } .single-footer-widget .footer-contact-info { padding-left: 0; margin-bottom: 0; list-style-type: none; } .single-footer-widget .footer-contact-info li { margin-bottom: 12px; color: #f8f8f8; } .single-footer-widget .footer-contact-info li span { font-weight: 600; color: #ffffff; } .single-footer-widget .footer-contact-info li a { color: #f8f8f8; display: inline-block; } .single-footer-widget .footer-contact-info li a:hover { color: #4f87fb; } .single-footer-widget .footer-contact-info li:last-child { margin-bottom: 0; } .single-footer-widget .footer-working-days { padding-left: 0; margin-bottom: 0; list-style-type: none; } .single-footer-widget .footer-working-days li { margin-bottom: 12px; color: #f8f8f8; } .single-footer-widget .footer-working-days li span { font-weight: 600; color: #ffffff; } .single-footer-widget .footer-working-days li a { color: #f8f8f8; display: inline-block; } .single-footer-widget .footer-working-days li a:hover { color: #4f87fb; } .single-footer-widget .footer-working-days li:last-child { margin-bottom: 0; } .footer-bottom-area { margin-top: 70px; background-color: #07002b; padding-top: 25px; padding-bottom: 25px; } .footer-bottom-area p { color: #f8f8f8; } .footer-bottom-area p i { position: relative; top: 1.5px; } .footer-bottom-area p a { color: #ffffff; font-weight: 600; } .footer-bottom-area ul { text-align: right; padding-left: 0; margin-bottom: 0; list-style-type: none; } .footer-bottom-area ul li { color: #f8f8f8; position: relative; display: inline-block; margin-right: 20px; } .footer-bottom-area ul li:last-child { margin-right: 0; } .footer-bottom-area ul li:last-child::before { display: none; } .footer-bottom-area ul li::before { content: ''; position: absolute; right: -12px; top: 5px; width: 1px; height: 14px; background-color: #f8f8f8; } .footer-bottom-area ul li a { display: block; color: #f8f8f8; } .footer-bottom-area ul li a:hover { color: #4f87fb; } .footer-shape1 { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: -1; } .footer-shape1 img { -webkit-animation: movebounce 7s linear infinite; animation: movebounce 7s linear infinite; } .footer-shape2 { position: absolute; right: 8%; bottom: 18%; z-index: -1; } .footer-shape2 img { -webkit-animation: movescale 10s linear infinite; animation: movescale 10s linear infinite; } .footer-shape3 { position: absolute; right: 5%; top: 7%; z-index: -1; } .footer-shape3 img { -webkit-animation-name: rotateme; animation-name: rotateme; -webkit-animation-duration: 40s; animation-duration: 40s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } @-webkit-keyframes movebounce { 0% { -webkit-transform: translateY(0px); transform: translateY(0px); } 50% { -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { -webkit-transform: translateY(0px); transform: translateY(0px); } } @keyframes movebounce { 0% { -webkit-transform: translateY(0px); transform: translateY(0px); } 50% { -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { -webkit-transform: translateY(0px); transform: translateY(0px); } } @-webkit-keyframes moveleftbounce { 0% { -webkit-transform: translateX(0px); transform: translateX(0px); } 50% { -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { -webkit-transform: translateX(0px); transform: translateX(0px); } } @keyframes moveleftbounce { 0% { -webkit-transform: translateX(0px); transform: translateX(0px); } 50% { -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { -webkit-transform: translateX(0px); transform: translateX(0px); } } @-webkit-keyframes rotateme { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotateme { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes movescale { 0% { -webkit-transform: scale(0.9); transform: scale(0.9); } 50% { -webkit-transform: scale(0.8); transform: scale(0.8); } 100% { -webkit-transform: scale(0.9); transform: scale(0.9); } } @keyframes movescale { 0% { -webkit-transform: scale(0.9); transform: scale(0.9); } 50% { -webkit-transform: scale(0.8); transform: scale(0.8); } 100% { -webkit-transform: scale(0.9); transform: scale(0.9); } } /*================================================ Go Top CSS =================================================*/ .go-top { position: fixed; cursor: pointer; bottom: -42px; right: 20px; color: #ffffff; background-color: #4f87fb; z-index: 4; width: 42px; text-align: center; height: 42px; line-height: 42px; opacity: 0; visibility: hidden; font-size: 28px; -webkit-transition: 0.5s; transition: 0.5s; border-radius: 5px 5px 0 0; } .go-top i { position: absolute; left: 0; right: 0; top: 55%; -webkit-transform: translateY(-55%); transform: translateY(-55%); -webkit-transition: .3s; transition: .3s; } .go-top.active { bottom: 0; opacity: 1; visibility: visible; } .go-top:hover i { margin-top: -3px; } .sidebar-demo-change-option { position: fixed; z-index: 99998; top: 40%; -webkit-transform: translateY(-40%); transform: translateY(-40%); left: 0; } .sidebar-demo-change-option a { display: inline-block; background-color: #130947; color: #ffffff; border-radius: 0 5px 5px 0; padding: 10px 18px 11px 15px; font-size: 15px; font-weight: 800; } .sidebar-demo-change-option a:hover { color: #ffffff; background-color: #4f87fb; } /*# sourceMappingURL=style.css.map */ /* new styles adding */ /* Style for the main container */ #news-slider { margin-top: 20px; } /* Style for each post slide */ .post-slide { margin-bottom: 30px; } /* Style for post image */ .post-img { position: relative; overflow: hidden; } .post-img img { max-width: 100%; height: auto; transition: transform 0.3s ease; } .post-img:hover img { transform: scale(1.1); border-radius: 50%; } /* .over-layer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.3s ease; display: flex; justify-content: center; align-items: center; } */ .post-img:hover .over-layer { opacity: 1; } /* Style for post content */ .post-content { /* background-color: #fff; */ /* padding: 20px; */ padding: 5px 12px 10px; border-radius: 5px; /* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); */ text-align: center; } .post-title { margin-top: 0; color: #fff; } .post-title a { /* color: #fff; */ color: #000; text-decoration: none; } .post-title a:hover { color: #1e90ff; text-decoration: none; /* color: #fff; */ } .read-more { display: inline-block; margin-top: 10px; color: #1e90ff; text-decoration: none; } .read-more:hover { text-decoration: none; } .post-slide { /* border: 1px solid #ccc; border-radius: 5px; overflow: hidden; transition: background-color 0.3s ease; */ padding: 2px 0px 1px 0px; margin: 5px 38px 8px 20px; /* padding: 38px 30px 36px; */ /* box-shadow: 0 0 72px -10px rgba(0, 0, 0, 0.22); */ text-align: center; border-radius: 30px; background-color: #130947; transition: background-color 0.3s ease; /* margin: 5px 12px 10px; */ } .post-slide:hover { background-color: #130947; /* background-color: #fff; */ } .post-img { position: relative; max-width: 100%; height: auto; overflow: hidden; padding: 13px; margin: 11px; } .post-img img { width: 100%; height: auto; transition: transform 0.3s ease; background: #fff; border-radius: 50px; } .post-img img:hover{ width: 100%; height: auto; background-color: #fff; /* transition: transform 0.3s ease; */ } .post-img:hover img { /* transform: scale(1.1); */ background-color: #fff; /* border-radius: 50%; */ } /* .over-layer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.3s ease; display: flex; justify-content: center; align-items: center; } */ .post-img:hover .over-layer { opacity: 1; } /* .post-content { padding: 20px; } */ .post-title { margin-top: 0; /* font-size: 21px; */ font-size: 16px; text-align: -webkit-center; } /* .post-title a { color: #333; text-decoration: none; } */ .post-title a:hover { color: #1e90ff; } .read-more { display: inline-block; /* margin-top: 10px; */ color: #1e90ff; text-decoration: none; } .post-slide .read-more:hover { background: #3498db; text-decoration: none; color: #fff; } /* #news-slider { margin-top: 10px; } .post-slide { background: #fff; margin: 20px 15px 20px; border-radius: 15px; padding-top: 1px; box-shadow: 0px 14px 22px -9px #bbcbd8; } .post-slide .post-img { position: relative; overflow: hidden; border-radius: 10px; border-radius: 50%; width: 100%; height: 100%; margin: 10px; } .post-slide .post-img img { border-radius: 50%; width: 100%; height: auto; object-fit: cover; transform: scale(1, 1); transition: transform 0.2s linear; } .post-slide:hover .post-img img { transform: scale(1.1, 1.1); } .post-slide .post-content { background: #fff; padding: 20px; border-radius: 15px; } @media only screen and (max-width: 1280px) { .post-slide .post-content { padding: 15px; } } .post-slide .over-layer { width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; background: linear-gradient( -45deg, rgba(6, 190, 244, 0.75) 0%, rgba(45, 112, 253, 0.6) 100% ); transition: all 0.5s linear; } .post-slide:hover .over-layer { opacity: 1; text-decoration: none; } .post-slide .over-layer i { position: relative; top: 45%; text-align: center; display: block; color: #fff; font-size: 25px; } .post-slide .post-content { background: #fff; padding: 2px 20px 40px; border-radius: 15px; } .post-slide .post-title a { font-size: 15px; font-weight: bold; color: #333; display: inline-block; text-transform: uppercase; transition: all 0.3s ease 0s; } .post-slide .post-title a:hover { text-decoration: none; color: #3498db; } .post-slide .post-description { line-height: 24px; color: #808080; margin-bottom: 25px; } .post-slide .post-date { color: #a9a9a9; font-size: 14px; } .post-slide .post-date i { font-size: 20px; margin-right: 8px; color: #cfdace; } .post-slide .read-more { padding: 7px 20px; float: right; font-size: 12px; background: #2196f3; color: #ffffff; box-shadow: 0px 10px 20px -10px #1376c5; border-radius: 25px; text-transform: uppercase; } .post-slide .read-more:hover { background: #3498db; text-decoration: none; color: #fff; } .owl-controls .owl-buttons { text-align: center; margin-top: 20px; } .owl-controls .owl-buttons .owl-prev { background: #fff; position: absolute; top: -13%; left: 15px; padding: 0 18px 0 15px; border-radius: 50px; box-shadow: 3px 14px 25px -10px #92b4d0; transition: background 0.5s ease 0s; } .owl-controls .owl-buttons .owl-next { background: #fff; position: absolute; top: -13%; right: 15px; padding: 0 15px 0 18px; border-radius: 50px; box-shadow: -3px 14px 25px -10px #92b4d0; transition: background 0.5s ease 0s; } .owl-controls .owl-buttons .owl-prev:after, .owl-controls .owl-buttons .owl-next:after { content: "\f104"; font-family: FontAwesome; color: #333; font-size: 30px; } .owl-controls .owl-buttons .owl-next:after { content: "\f105"; } @media only screen and (max-width: 1280px) { .post-slide .post-content { padding: 0px 15px 25px 15px; } } */ /* new style ending */ /* about styles */ .left-box { box-shadow: 0px 2px 10px #cccccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: thin solid #cccccc; padding: 8px; display: inline-block; } .journal-menu { font-family: Calibri, Arial; font-size: 20px; color: #fff; padding: 8px; /* padding-top: 10px; */ /* margin: 2px; */ margin: 32px 0 18px -4px; background: #130947; border-left: 4px solid #79c124; padding-top: 10px; padding-bottom: 10px; font-weight: bold; } .journallist { padding: 1px; /* margin-left: 5px; */ background: #1d4c99; border-bottom: 1px solid #ddd; padding-bottom: 7px; padding-top: 7px; /* padding-left: 5px; */ color: #fff; text-align: left; } .journallist a { padding: 1px; /* margin-left: 5px; */ padding-top: 7px; /* padding-left: 5px; */ color: #fff; } .journallist:hover { background: #072047; } .ulbox { background: #fff; list-style: none; /*border: 1px solid #ddd;*/ } .full-box { box-shadow: 0px 2px 10px #cccccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: thin solid #cccccc; padding: 8px; } .btn-blue { font-family: 'Roboto', sans-serif; font-size: 16px; color: rgba(58, 133, 191, 0.75); letter-spacing: 1px; line-height: 15px; border-radius: 40px; color: #fff; background-color: #3347af; border: 2px solid #172a8c; transition: all 0.3s ease 0s; padding: 10px; /* padding-left:5px; */ padding-right:5px; } .btn-blue:hover { color: #fff; } .btn-hot { font-family: 'Roboto', sans-serif; font-size: 16px; color: rgba(217, 83, 78, 0.75); letter-spacing: 1px; line-height: 15px; border-radius: 40px; color: #fff; background-color: #ce1c7b; border: 2px solid #aa1163; transition: all 0.3s ease 0s; padding: 10px; /* padding-left:5px; */ padding-right:5px; } .btn-hot:hover { color: #fff; } .btn-info1 { font-family: 'Roboto', sans-serif; font-size: 16px; color: rgba(217, 83, 78, 0.75); letter-spacing: 1px; line-height: 15px; border-radius: 40px; color: #fff; background-color: #03c1c1; border: 2px solid #10a3a3; transition: all 0.3s ease 0s; padding: 10px; /* padding-left:5px; */ padding-right:5px; } .btn-info1:hover { color: #fff; } .btn-like { background-image: -webkit-gradient(linear, right bottom, left top, from(#ff8a00), to(#da1b60)); background-image: linear-gradient(to top left, #ff8a00, #da1b60); color: #fff!important; display: inline-block; font-family: 'Roboto', sans-serif; font-weight: 700; border: 0; border-radius: 2rem; white-space: nowrap; padding: 1rem 1.5rem; line-height: 1.4; position: relative; text-align: center; -webkit-transition: 70ms; transition: 70ms; position: relative; font-size: 18px; } .btn-factor { color: #fff !important; background: linear-gradient(-45deg, #ff8a00, #da1b60, #065b7a, #23D5AB); background-size: 400% 400%; -webkit-animation: Gradient 15s ease infinite; -moz-animation: Gradient 15s ease infinite; animation: Gradient 2s ease infinite; font-size: 20px; padding: 15px; } .btn-manuscript{ font-size: 15px; line-height: 30px; margin: 0 0 8px; font-weight: 600; color: #fff !important; border: 1px solid #ddd; padding: 10px 12px; border-radius: 4px; box-shadow: 0px 0px 2px 2px #f0f0f0; text-align: center; background: #104069; background: #02111D; background: -webkit-linear-gradient(to bottom, #02111D, #037BB5, #02111D); background: linear-gradient(to bottom, #99003d, #c4336c, #99003d); } /* about styles */ /* editorials styles */ .blog-item2 { margin-bottom: 25px; background: #f0f0f0; border-radius: 10px; /* box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%); */ transition: all 0.5s ease-in-out; /* height: 100px; */ } .blog-item-info1 { /* padding: 0px 11px 8px; */ padding: 19px 16px 18px 13px; } .widget3 { border-radius: 10px; /* margin-bottom: 30px; */ } .list-unstyled { padding-left: 0; list-style: none; } .about-list2 li { position: relative; display: flex; align-items: center; } .about-list2 li .icon1 { position: relative; display: flex; align-items: center; } .about-list2 li .icon1 span { font-size: 20px; color: #1b3481; /* margin-left: 35px; */ } .about-list2 li .text p { /* margin: 15px; */ margin: 0px; color: #000; line-height: 20px; font-size: 15px; font-weight: 500; } .about-list2 li .text p a { /* margin: 15px; */ margin: 0px; color: #000; /* line-height: 20px; font-size: 17px; */ line-height: 30px; font-size: 22px; font-weight: 500; } /* editorila styles end */ /* editorial text colors */ .edtitle a { color: #222974; text-decoration: none; /* remove underline */ } .btn-small { background-color: #222974; color: #fff; /* white color */ border-radius: 20px; /* rounded corners */ padding: 1px 6px; text-decoration: none; /* remove underline */ } .btn-small:hover { background-color: #0056b3; /* darker blue color on hover */ } .pt-10{ padding-top: 10px; } /* editorial text colors end */ /*--------------------------------------- 09. Services Section CSS ---------------------------------------*/ .rs-services.style1 .service-wrap { padding: 30px; text-align: center; /* background: #f1f6fc; */ box-shadow: 0px 1px 8px 3px rgba(0, 0, 0, 0.03); border-radius: 5px; } .rs-services.style1 .service-wrap .icon-part { margin-bottom: 25px; } .rs-services.style1 .service-wrap .icon-part img { max-width: 70px; transition: all 0.3s ease; } .rs-services.style1 .service-wrap .icon-part.size-mod img { max-width: 58px; } .rs-services.style1 .service-wrap .content-part .title { margin-bottom: 9px; } .rs-services.style1 .service-wrap .content-part .title a { color: #1c1b1b; } .rs-services.style1 .service-wrap .content-part .title a:hover { color: #106eea; } .rs-services.style1 .service-wrap:hover .icon-part img { animation-name: shake-x; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1; } .rs-services.style1.modify .service-wrap:hover .icon-part img { animation-name: shake-y; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1; } .rs-services.style1.modify2 .service-wrap { box-shadow: none; border-radius: 0; } .rs-services.style1.modify2 .service-wrap:hover .icon-part img { animation-name: shake-y; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1; } .rs-services.style2 .service-wrap { padding: 15px 15px 30px; background: #ffffff; box-shadow: 0px 14px 30px rgba(0, 0, 0, 0.07); } .rs-services.style2 .service-wrap .image-part { overflow: hidden; margin-bottom: 20px; } .rs-services.style2 .service-wrap .image-part img { transform: scale(1); transition: all 0.9s; } .rs-services.style2 .service-wrap .content-part .title { font-size: 24px; line-height: 32px; margin-bottom: 10px; } .rs-services.style2 .service-wrap .content-part .title a { color: #1c1b1b; } .rs-services.style2 .service-wrap .content-part .title a:hover { color: #106eea; } .rs-services.style2 .service-wrap:hover .image-part img { transform: scale(1.1); } .rs-services.style3 .service-wrap { text-align: center; background: #f1f6fc; border-radius: 40px; padding: 40px 30px 41px; } .rs-services.style3 .service-wrap .icon-part { margin-bottom: 26px; } .rs-services.style3 .service-wrap .icon-part img { width: 70px; margin: 0 auto; } .rs-services.style3 .service-wrap .title { font-weight: 600; margin-bottom: 12px; } .rs-services.style3 .service-wrap .title a { color: #1c1b1b; } .rs-services.style3 .service-wrap .title a:hover { color: #106eea; } .rs-services.style4 { position: relative; z-index: 1; } .rs-services.style4 .image-part img { border-radius: 10px; } .rs-services.style4 .service-wrap .icon-part { margin-bottom: 14px; } .rs-services.style4 .service-wrap .icon-part img { max-width: 55px; } .rs-services.style4 .service-wrap .content-part .title { font-size: 20px; font-weight: 700; line-height: 32px; margin-bottom: 4px; } .rs-services.style4 .service-wrap .content-part .title a { color: #1c1b1b; } .rs-services.style4 .service-wrap .content-part .title a:hover { color: #106eea; } .rs-services.style5 { position: relative; z-index: 1; } .rs-services.style5 .content-part { background: #ffffff; padding: 30px 0 22px; border-radius: 4px; text-align: center; } .rs-services.style5 .content-part .rs-pie-content { margin-bottom: 10px; } .rs-services.style5 .content-part .rs-pie-content .rs-pie2 { display: inline-block; position: relative; text-align: center; } .rs-services.style5 .content-part .rs-pie-content .rs-pie2 .rspie-value { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; display: block; font-weight: 600; font-size: 20px; color: #101010; } .rs-services.style5 .content-part .pie-title { margin-bottom: 0; color: #101010; font-size: 20px; line-height: 34px; font-weight: 600; text-transform: uppercase; } .rs-services.style5:after, .rs-services.style5:before { position: absolute; content: ''; top: 0; height: 100%; z-index: -1; } .rs-services.style5:before { left: 0; width: 47%; background: url(assets/images/services/style5/left-img.jpg); } .rs-services.style5:after { right: 0; width: 53%; background: url(assets/images/services/style5/right-img.jpg); background-size: cover; background-position: center center; background-repeat: no-repeat; } .rs-services.style6 .services-wrap .icon-part { margin-bottom: 17px; } .rs-services.style6 .services-wrap .icon-part i { font-size: 40px; color: #898989; } .rs-services.style6 .services-wrap .title { font-weight: 600; font-size: 20px; line-height: 35px; margin-bottom: 10px; } .rs-services.style6 .services-wrap .title a { color: #ffffff; } .rs-services.style6 .services-wrap .title a:hover { color: #106eea; } .rs-services.style6 .services-wrap .desc { color: #ffffff; } .rs-services.style7 .services-wrap { padding: 38px 30px 36px; /* box-shadow: 0 0 72px -10px rgba(0, 0, 0, 0.22); */ box-shadow: 0px 1px 5px 0px #000; text-align: center; border-radius: 30px; cursor: pointer; margin: 11px; } .rs-services.style7 .services-wrap .icon-part { margin-bottom: 19px; } .rs-services.style7 .services-wrap .icon-part img { max-width: 80px; } .rs-services.style7 .services-wrap .title { font-size: 20px; line-height: 32px; font-weight: 700; margin-bottom: 8px; } .rs-services.style7 .services-wrap .title a { color: #0a0a0a; } .rs-services.style7 .services-wrap .title a:hover { color: #fff; } .rs-services.style7 .services-wrap .title:hover { color: #fff; } .rs-services.style7 .more-btn { font-size: 18px; line-height: 31px; font-weight: 500; } .rs-services.style7 .more-btn a { color: #fff; } .rs-services.style8 .service-wrap { padding: 50px 62px; background: #ffffff; box-shadow: 0px 0px 34px 20px rgba(0, 0, 0, 0.02); border-radius: 5px; } .rs-services.style8 .service-wrap .icon-part { margin-bottom: 24px; width: 70px; height: 70px; line-height: 70px; text-align: center; position: relative; transition: all 0.3s ease; } .rs-services.style8 .service-wrap .icon-part img { margin-bottom: -36px; z-index: 1; position: relative; } .rs-services.style8 .service-wrap .icon-part:after { position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; border-radius: 100%; background: #106eea; opacity: 0.7; background: #fceceb; } .rs-services.style8 .service-wrap .icon-part.two:after { background: #ecf3ff; } .rs-services.style8 .service-wrap .icon-part.three:after { background: #e5f9f6; } .rs-services.style8 .service-wrap .content-part .title { margin-bottom: 9px; font-weight: 600; line-height: 32px; } .rs-services.style8 .service-wrap .content-part .title a { color: #05275a; } .rs-services.style8 .service-wrap .content-part .read-btn a { color: #606e84; font-weight: 600; font-size: 15px; } .rs-services.style8 .service-wrap .content-part .read-btn a i { transition: all 0.3s ease; padding-left: 5px; } .rs-services.style8 .service-wrap .content-part .read-btn a:hover i { padding-left: 10px; } .rs-services.style8 .service-wrap:hover .icon-part { animation-name: shake-x; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1; } .rs-services.style9 .service-wrap { box-shadow: 0px 0px 45px -22px rgba(0, 0, 0, 0.22); padding: 40px 25px 30px; background-image: linear-gradient(180deg, #ffffff 0%, #f2f4fc 100%); } .rs-services.style9 .service-wrap .icon-part { margin-bottom: 27px; } .rs-services.style9 .service-wrap .icon-part img { max-width: 70px; } .rs-services.style9 .service-wrap .title { margin-bottom: 18px; } .rs-services.style9 .service-wrap .title a { color: #1c1b1b; } .rs-services.style9 .service-wrap .title a:hover { color: #1c3988; } .rs-services.style9 .bottom-link { font-size: 18px; line-height: 32px; font-weight: 500; } .rs-services.style9 .bottom-link a { color: #1c3988; } .rs-services.style10 .service-wrap { padding: 60px 50px 57px; background: #ffffff; box-shadow: 0px 1px 8px 3px rgba(0, 0, 0, 0.03); border-right: 1px solid #F4FBFF; transition: all 0.3s ease; } .rs-services.style10 .service-wrap .icon-part { margin-bottom: 22px; transition: all 0.3s ease; } .rs-services.style10 .service-wrap .icon-part img { width: 60px; } .rs-services.style10 .service-wrap .content-part .title { font-size: 17px; line-height: 27px; font-weight: 700; margin-bottom: 0; text-transform: uppercase; margin-bottom: 6px; } .rs-services.style10 .service-wrap .content-part .title a { color: #101010; } .rs-services.style10 .service-wrap .content-part .title a:hover { color: #ec4c6f; } .rs-services.style10 .service-wrap.last-item { border: none; } .rs-services.style10 .service-wrap:hover { box-shadow: 0px 1px 20px 3px rgba(0, 0, 0, 0.08); } .rs-services.style11 .service-wraping { padding: 40px 50px 50px; position: relative; z-index: 1; } .rs-services.style11 .service-wraping .top-part { position: relative; border-bottom: 1px dashed #b1976b; } .rs-services.style11 .service-wraping .top-part .title { text-transform: uppercase; font-weight: 500; font-size: 32px; } .rs-services.style11 .service-wraping .top-part .justice-icon { width: 40px; height: 40px; line-height: 0; border-radius: 100%; text-align: center; padding: 10px; background: #282e3f; left: 50%; bottom: -19px; transform: translateX(-50%); position: absolute; } .rs-services.style11 .service-wraping .service-wrap { transition: all 0.3s ease; display: flex; padding-right: 30px; } .rs-services.style11 .service-wraping .service-wrap .icon-part { margin-right: 22px; transition: all 0.3s ease; } .rs-services.style11 .service-wraping .service-wrap .icon-part img { width: 60px; max-width: 60px; } .rs-services.style11 .service-wraping .service-wrap .content-part .title { font-size: 17px; line-height: 27px; font-weight: 700; text-transform: uppercase; margin-bottom: 12px; } .rs-services.style11 .service-wraping .service-wrap .content-part .title a { color: #ffffff; } .rs-services.style11 .service-wraping .service-wrap .content-part .title a:hover { color: #b1976b; } .rs-services.style12 .service-wrap { padding: 50px 35px; background-image: linear-gradient(130deg, #1e2433 0%, #424c65 100%); transition: all 0.3s ease; text-align: center; } .rs-services.style12 .service-wrap .icon-part img { width: 64px; margin: 0 auto; } .rs-services.style12 .service-wrap .content-part { color: #ffffff; } .rs-services.style12 .service-wrap .content-part .title { font-size: 20px; font-weight: 600; margin-bottom: 12px; line-height: 32px; } .rs-services.style12 .service-wrap .content-part .title a { color: #ffffff; } .rs-services.style12 .service-wrap .content-part .title a:hover { color: #b1976b; } .rs-services.style12 .service-wrap .content-part .btn-part a { font-size: 15px; font-weight: 500; color: #b1976b; text-transform: uppercase; padding-right: 15px; } .rs-services.style12 .service-wrap .content-part .btn-part a:after { content: "\f113"; font-size: 10px; color: #b1976b; } .rs-services.style12 .service-wrap:hover { background-image: radial-gradient(at center center, #424c65 0%, #1e2433 100%); } .rs-services.style13 .service-wrap { text-align: center; background: #ffffff; padding: 15px 15px 0 15px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.06); border-radius: 3px; overflow: hidden; position: relative; } .rs-services.style13 .service-wrap .img-part { position: relative; } .rs-services.style13 .service-wrap .img-part .icon-part { width: 70px; height: 70px; line-height: 64px; border: 3px solid #ffffff; border-radius: 50%; background: #d83030; color: #ffffff; box-shadow: 0 0 30px #a79f9f; font-size: 30px; margin-bottom: 10px; text-align: center; position: absolute; left: 0; right: 0; bottom: -35px; margin: 0 auto; } .rs-services.style13 .service-wrap .content-part { position: relative; padding: 45px 0 73px; } .rs-services.style13 .service-wrap .content-part .title { font-size: 22px; line-height: 40px; margin-bottom: 10px; } .rs-services.style13 .service-wrap .content-part .title a { color: #032e42; } .rs-services.style13 .service-wrap .content-part .title a:hover { color: #d83030; } .rs-services.style13 .service-wrap .content-part .btn-part { position: absolute; bottom: -50px; left: 0; right: 0; z-index: 1; transition: all 0.3s ease; } .rs-services.style13 .service-wrap .content-part .btn-part a { font-size: 20px; padding: 10px; color: #ffffff; } .rs-services.style13 .service-wrap .content-part:after, .rs-services.style13 .service-wrap .content-part:before { position: absolute; content: ''; right: 0; left: 0; margin: 0 auto; transition: all 0.3s ease; } .rs-services.style13 .service-wrap .content-part:before { width: 170px; height: 170px; border: 1px solid #f3f3f3; bottom: -125px; } .rs-services.style13 .service-wrap .content-part:after { background: #f3f3f3; width: 126px; height: 126px; bottom: -98px; } .rs-services.style13 .service-wrap:after { position: absolute; content: ''; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; height: 1px; background: #d83030; transition: all 0.5s; } .rs-services.style13 .service-wrap:hover .content-part .btn-part { bottom: 0; } .rs-services.style13 .service-wrap:hover .content-part:before { width: 182px; height: 182px; border-color: #d83030; } .rs-services.style13 .service-wrap:hover .content-part:after { width: 140px; height: 140px; background: #d83030; } .rs-services.style13 .service-wrap:hover:after { width: 100%; } .rs-services.style14 .flip-box-inner { position: relative; z-index: 1; margin: 0; padding: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; perspective: 1000px; } .rs-services.style14 .flip-box-inner .flip-box-wrap .front-part .front-content-part { background-color: #FFFFFF; text-align: center; padding: 50px 40px 50px 40px; border-style: solid; border-width: 0px 0px 0px 0px; border-radius: 10px 10px 10px 10px; box-shadow: 3px 7px 25px 0px rgba(0, 0, 0, 0.05); } .rs-services.style14 .flip-box-inner .flip-box-wrap .front-part .front-content-part .front-icon-part { margin-bottom: 15px; } .rs-services.style14 .flip-box-inner .flip-box-wrap .front-part .front-content-part .front-icon-part .icon-part img { width: 60px; height: 60px; } .rs-services.style14 .flip-box-inner .flip-box-wrap .front-part .front-content-part .front-title-part .title { font-size: 20px; font-weight: 700; line-height: 30px; margin-bottom: 10px; } .rs-services.style14 .flip-box-inner .flip-box-wrap .front-part .front-content-part .front-title-part .title a { color: #1c1b1b; } .rs-services.style14 .flip-box-inner .flip-box-wrap .front-part .front-content-part .front-title-part .title a:hover { color: #106eea; } .rs-services.style14 .flip-box-inner .flip-box-wrap .front-part .front-content-part .front-desc-part p { color: #444; margin: 0; } .rs-services.style14 .flip-box-inner .flip-box-wrap .back-front { transform: rotateX(180deg); position: absolute; z-index: -1; padding: 30px; border-radius: 5px; background-color: #562dd4; top: 0; right: 0; left: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -ms-flex-align: center; height: 300px; background-color: transparent; background-position: center; background-clip: padding-box; background-size: cover; background-repeat: no-repeat; text-align: center; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px; -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275); transition: -webkit-transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275); transition: transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275); transition: transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275), -webkit-transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275); } .rs-services.style14 .flip-box-inner .flip-box-wrap .back-front .back-front-content .back-title-part .back-title { font-size: 20px; line-height: 30px; font-weight: 600; margin-bottom: 15px; } .rs-services.style14 .flip-box-inner .flip-box-wrap .back-front .back-front-content .back-title-part .back-title a { color: #ffffff; } .rs-services.style14 .flip-box-inner:hover .flip-box-wrap .back-front { transform: rotateX(0); z-index: 1; } .rs-services.style14 .flip-box-inner:hover .flip-box-wrap .back-front.paste-light { background-image: linear-gradient(90deg, #00ebd3 0%, #00b0e8 100%); } .rs-services.style14 .flip-box-inner:hover .flip-box-wrap .back-front.pink-light { background-image: linear-gradient(90deg, #f67d31 0%, #ed3b4b 58%); } .rs-services.style14 .flip-box-inner:hover .flip-box-wrap .back-front.dark-blue { background-image: linear-gradient(90deg, #2647c8 0%, #c131f6 58%); } .rs-services.style14 .flip-box-inner:hover .flip-box-wrap .back-front.pink-dark { background-image: linear-gradient(90deg, #facc22 0%, #f83600 58%); } .rs-services.style14 .flip-box-inner:hover .flip-box-wrap .back-front.dark-paste { background-image: linear-gradient(90deg, #2ad45c 0%, #1fa2cb 58%); } .rs-services.style14 .flip-box-inner:hover .flip-box-wrap .back-front.light-blue { background-image: linear-gradient(90deg, #0dccff 0%, #4760ff 58%); } .rs-services.style14 .flip-box-inner:hover .flip-box-wrap .back-front .back-front-content .back-title-part .back-title { color: #ffffff; } .rs-services.style14 .flip-box-inner:hover .flip-box-wrap .back-front .back-front-content .back-desc-part .back-desc { color: #ffffff; } .rs-services.style14.it-solutions .flip-box-inner { position: relative; z-index: 1; margin: 0; padding: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .rs-services.style14.it-solutions .flip-box-inner .flip-box-wrap { -webkit-perspective: 1e3px; perspective: 1e3px; } .rs-services.style14.it-solutions .flip-box-inner .flip-box-wrap .front-part .front-content-part { background-color: #fff; text-align: left; padding: 50px 40px 50px 40px; border-style: solid; border-width: 0px 0px 0px 0px; border-radius: 10px 10px 10px 10px; box-shadow: 3px 7px 25px 0px rgba(0, 0, 0, 0.05); } .rs-services.style14.it-solutions .flip-box-inner .flip-box-wrap .front-part .front-content-part .front-icon-part { margin-bottom: 15px; } .rs-services.style14.it-solutions .flip-box-inner .flip-box-wrap .front-part .front-content-part .front-icon-part .icon-part img { width: 60px; height: 60px; } .rs-services.style14.it-solutions .flip-box-inner .flip-box-wrap .front-part .front-content-part .front-title-part .title { font-size: 20px; font-weight: 700; line-height: 30px; margin-bottom: 10px; } .rs-services.style14.it-solutions .flip-box-inner .flip-box-wrap .front-part .front-content-part .front-title-part .title a { color: #1c1b1b; } .rs-services.style14.it-solutions .flip-box-inner .flip-box-wrap .front-part .front-content-part .front-title-part .title a:hover { color: #106eea; } .rs-services.style14.it-solutions .flip-box-inner .flip-box-wrap .front-part .front-content-part .front-desc-part p { color: #444; margin: 0; } .rs-services.style14.it-solutions .flip-box-inner .flip-box-wrap .back-front { transform: rotateY(-180deg); background-color: #562dd4; perspective: 1e3px; -webkit-transition: -webkit-transform 0.9s cubic-bezier(0.2, 0.85, 0.4, 1.275); transition: -webkit-transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275); transition: transform 0.9s cubic-bezier(0.2, 0.85, 0.4, 1.275); transition: transform 0.9s cubic-bezier(0.2, 0.85, 0.4, 1.275), -webkit-transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275); background-image: linear-gradient(90deg, #1672de 0%, #071f6b 58%); } .rs-services.style14.it-solutions .flip-box-inner .flip-box-wrap .back-front .back-front-content .back-title-part .back-title { font-size: 20px; line-height: 30px; font-weight: 600; margin-bottom: 15px; } .rs-services.style14.it-solutions .flip-box-inner .flip-box-wrap .back-front .back-front-content .back-title-part .back-title a { color: #ffffff; } .rs-services.style14.it-solutions .flip-box-inner:hover .flip-box-wrap .front-part { transform: rotateY(180deg); } .rs-services.style14.it-solutions .flip-box-inner:hover .flip-box-wrap .back-front { transform: rotateY(0); z-index: 1; } .rs-services.style14.it-solutions .flip-box-inner:hover .flip-box-wrap .back-front .back-front-content .back-title-part .back-title { color: #ffffff; } .rs-services.style14.it-solutions .flip-box-inner:hover .flip-box-wrap .back-front .back-front-content .back-desc-part .back-desc { color: #ffffff; } .rs-services.style15 .addon-services { background: url(assets/images/services/style10/service-shape.png); background-repeat: no-repeat; background-position: 200px 150px; padding: 45px 26px 40px 40px; background-color: #fff; box-shadow: 0 0 30px #eee; text-align: center; } .rs-services.style15 .addon-services .services-icon { margin-bottom: 20px; } .rs-services.style15 .addon-services .services-icon img { max-width: unset; width: 50px; height: 50px; } .rs-services.style15 .addon-services .services-text .title { font-size: 20px; line-height: 30px; font-weight: 600; margin-bottom: 20px; } .rs-services.style15 .addon-services .services-text .title a { color: #111111; } .rs-services.style15 .addon-services .services-text .title a:hover { color: #12adfc; } .rs-services.style15 .addon-services .services-text .services-txt { margin-bottom: 0; } .rs-services.style15.modify1 .addon-services { background: url(assets/images/services/style16/service-box.png); background-repeat: no-repeat; background-position: top center; background-size: cover; border-radius: 10px 10px 10px 10px; box-shadow: 0px 7px 25px 0px #eee; } .rs-services.style15.modify1 .addon-services .services-text .title { margin-bottom: 10px; } .rs-services.style15.modify1 .addon-services .services-text .title a:hover { color: #bf0505; } .rs-services.style16 .services-wrap { margin: 0px 7px 0px 0px; transition: background 0.6s; border-style: solid; border-width: 1px 1px 1px 1px; border-color: #DDE2E5; border-radius: 3px 3px 3px 3px; padding: 50px 40px 40px 40px; transition: all ease .3s; } .rs-services.style16 .services-wrap .icon-part { background-image: linear-gradient(200deg, #00a1f5 0%, #015eea 96%); border-radius: 2px; margin-left: 11px; margin-top: 11px; transition: .4s; height: 55px; display: inline-block; padding: 5px; min-width: 55px; text-align: center; transform: rotate(45deg); margin-bottom: 30px; } .rs-services.style16 .services-wrap .icon-part i { transform: rotate(-45deg); transition: all ease .3s; } .rs-services.style16 .services-wrap .icon-part i:before { font-size: 30px; line-height: 45px; color: #ffffff; } .rs-services.style16 .services-wrap .services-txt .services-title { font-size: 20px; line-height: 36px; font-weight: 600; margin-bottom: 14px; } .rs-services.style16 .services-wrap .services-txt .services-title a { color: #1c1b1b; } .rs-services.style16 .services-wrap .services-txt .services-txt { margin-bottom: 20px; } .rs-services.style16 .services-wrap .services-txt .serial-number { color: #B1E0F9; font-family: "Poppins", Sans-serif; font-size: 20px; font-weight: 600; } .rs-services.style16 .services-wrap:hover { background: url(assets/images/bg/service-bg2.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; } .rs-services.style16 .services-wrap:hover .icon-part { background: #ffffff; } .rs-services.style16 .services-wrap:hover .icon-part i { transform: rotate(-45deg); } .rs-services.style16 .services-wrap:hover .icon-part i:before { color: #106eea; } .rs-services.style16 .services-wrap:hover .services-txt .services-title a { color: #ffffff; } .rs-services.style16 .services-wrap:hover .services-txt .services-txt { color: #ffffff; } .rs-services.style16 .services-wrap:hover .services-txt .serial-number { color: #ffffff; } .rs-services.style17 .services-item { padding: 5px 5px 5px 5px; box-shadow: 0px 0px 10px 0px #eee; background: #ffffff; margin: 0 -10px 0 0; } .rs-services.style17 .services-item .services-img { padding: 5px 5px 5px 5px; } .rs-services.style17 .services-item .services-content { padding: 30px 0px 30px 10px; } .rs-services.style17 .services-item .services-content .services-title .title { font-size: 22px; line-height: 32px; font-weight: 700; margin-bottom: 10px; } .rs-services.style17 .services-item .services-content .services-title .title a { color: #0a0a0a; } .rs-services.style17 .services-item .services-content .services-title .title a:hover { color: #106eea; } .rs-services.style17 .services-item .services-content .services-txt { margin-bottom: 0; padding-right: 20px; } .rs-services.style18 { margin-top: -160px; padding-top: 260px; position: relative; } .rs-services.style18 .services-item { box-shadow: 0px 0px 45px 22px #eee; background: #fdfdfe; margin: 0px -15px 0px 0px; padding: 40px 25px 30px 25px; text-align: center; } .rs-services.style18 .services-item .services-icon { margin-bottom: 15px; } .rs-services.style18 .services-item .services-icon a img { height: 70px; } .rs-services.style18 .services-item .text-area .title { font-size: 18px; line-height: 28px; font-weight: 700; margin-bottom: 16px; } .rs-services.style18 .services-item .text-area .title a { color: #0a0a0a; } .rs-services.style18 .services-item .text-area .title a:hover { color: #1273eb; } .rs-services.style18 .services-item .text-area .services-txt { margin-bottom: 0; } .rs-services.style18 .bottom-link { font-size: 18px; font-weight: 500; } .rs-services.style18 .bottom-link a { color: #1C3988; } .rs-services.style19 .services-item .services-wrap { padding: 100px 50px 70px 50px; position: relative; } .rs-services.style19 .services-item .services-wrap .shape-part { position: absolute; top: 72px; right: 79px; transition: all .3s ease 0s; } .rs-services.style19 .services-item .services-wrap .icon-part { display: inline-block; padding: 5px; font-size: 45px; color: #fff; border-radius: 100%; width: 100px; height: 100px; line-height: 100px; position: relative; background: #fc6638; margin: 0 auto 42px; z-index: 1; text-align: center; } .rs-services.style19 .services-item .services-wrap .icon-part:before { position: absolute; content: ''; right: -1px; bottom: -2px; width: 112px; height: 112px; border-radius: 100%; border: 1px solid #fc6638; transition: all .3s ease 0s; z-index: 0; } .rs-services.style19 .services-item .services-wrap .icon-part i:before { font-size: 45px; } .rs-services.style19 .services-item .services-wrap .icon-part.purple-bg { background: #6C58FA; } .rs-services.style19 .services-item .services-wrap .icon-part.purple-bg:before { border: 1px solid #6C58FA; } .rs-services.style19 .services-item .services-wrap .icon-part.blue-bg { background: #323E79; } .rs-services.style19 .services-item .services-wrap .icon-part.blue-bg:before { border: 1px solid #323E79; } .rs-services.style19 .services-item .services-wrap .services-content .services-title .title { font-size: 24px; line-height: 34px; font-weight: 600; margin: 0 0 20px; font-family: Poppins; } .rs-services.style19 .services-item .services-wrap .services-content .services-title .title a { color: #04004d; } .rs-services.style19 .services-item .services-wrap .services-content .services-title .title a:hover { color: #ec4c6f; } .rs-services.style19 .services-item .services-wrap .services-content .services-txt { color: #555555; margin-bottom: 0; } .rs-services.style19 .services-item:hover .icon-part:before { opacity: 0; transform: scale(0.85); } .rs-services.style19 .hover-effect:hover .services-item:hover, .rs-services.style19 .hover-effect:not(:hover) .active { box-shadow: 3px 7px 25px #eee; background: #fff; } .rs-services.style19 .hover-effect:hover .services-item:hover .icon-part .shape, .rs-services.style19 .hover-effect:not(:hover) .active .icon-part .shape { animation: move-y 2s alternate infinite; -webkit-animation: move-y 2s alternate infinite; } .rs-services.style20 .services-item .iconbox-area { background: #fff; box-shadow: 0px 0px 45px 22px #eee; padding: 35px; border-radius: 5px 5px 5px 5px; margin: 0 -13px 0 0; } .rs-services.style20 .services-item .iconbox-area .icon-part { margin-bottom: 20px; } .rs-services.style20 .services-item .iconbox-area .icon-part a img { width: 64px; } .rs-services.style20 .services-item .iconbox-area .services-content .title { font-size: 18px; line-height: 1.3; font-weight: 700; margin-bottom: 15px; } .rs-services.style20 .services-item .iconbox-area .services-content .title a { color: #0a0a0a; } .rs-services.style20 .services-item .iconbox-area .services-content .title a:hover { color: #106eea; } .rs-services.style20 .services-item .iconbox-area .services-content .services-txt { margin: 0; } .rs-services.style20 .services-item:hover .iconbox-area .icon-part { animation-name: elementor-animation-wobble-vertical; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1; } .rs-services.style20 .bottom-link { font-size: 16px; line-height: 26px; font-weight: 600; color: #1c1b1b; } .rs-services.style20 .bottom-link a { color: #106eea; } .rs-services.style20 .bottom-link a:hover { color: #ec4c6f; } .rs-services.style21 .services-item .services-wrap { padding: 50px 25px 50px 25px; text-align: left; background-image: linear-gradient(160deg, #e68a8a 0%, #f8f9fa 52%); border-radius: 10px 10px 0px 0px; position: relative; } .rs-services.style21 .services-item .services-wrap .services-icon { margin-bottom: 25px; } .rs-services.style21 .services-item .services-wrap .services-icon .main-img { height: 50px; width: 50px; max-width: unset; transition: all .3s ease; } .rs-services.style21 .services-item .services-wrap .services-icon .hover-img { max-width: unset; height: 50px; width: 50px; position: absolute; left: 23px; visibility: hidden; opacity: 0; transform: scale(0); transition: all .3s ease; } .rs-services.style21 .services-item .services-wrap .services-content .title { font-size: 18px; line-height: 21px; letter-spacing: 1px; margin-bottom: 20px; } .rs-services.style21 .services-item .services-wrap .services-content .title a { color: #0a0a0a; } .rs-services.style21 .services-item .services-wrap .services-content .services-txt { margin-bottom: 0px; } .rs-services.style21 .services-item .services-wrap:after { display: block; width: 100%; height: 5px; background: #BB0B0B; content: ''; position: absolute; transition: all .3s ease 0s; bottom: 0; left: 50%; z-index: 9; transform: translateX(-50%); } .rs-services.style21 .services-item .services-wrap:hover { background-image: linear-gradient(120deg, #bf0505 0%, #21081a 100%); border-radius: 10px 10px 0px 0px; } .rs-services.style21 .services-item .services-wrap:hover .services-icon { margin-bottom: 25px; } .rs-services.style21 .services-item .services-wrap:hover .services-icon .main-img { transform: scale(0); } .rs-services.style21 .services-item .services-wrap:hover .services-icon .hover-img { visibility: visible; opacity: 1; transform: scale(1); } .rs-services.style21 .services-item .services-wrap:hover .services-content .title a { color: #ffffff; } .rs-services.style21 .services-item .services-wrap:hover .services-content .services-txt { color: #ffffff; } .rs-services.style22 { position: relative; } .rs-services.style22 .service-wrap { display: flex; padding: 30px 32px 30px 32px; } .rs-services.style22 .service-wrap .icon-part img { width: 66px; height: 66px; max-width: unset; } .rs-services.style22 .service-wrap .content-part { padding: 0px 0px 0px 28px; } .rs-services.style22 .service-wrap .content-part .title { font-size: 21px; line-height: 31px; font-weight: 600; margin: 0 0 10px; } .rs-services.style22 .service-wrap .content-part .title a { color: #0a0a0a; } .rs-services.style22 .service-wrap .content-part .title a:hover { color: #106eea; } .rs-services.style22 .service-wrap.light-bg { background-image: linear-gradient(180deg, #f9fcff 0%, #dceaf3 100%); } .rs-services.style22 .animate-style { position: absolute; left: 11%; bottom: 74px; } .services-wrap:hover { background-color: #130947; border-color: #130947; color: #fff; } .services-wrap:hover h3 { color: #ffffff; } .services-wrap:hover p { color: #ffffff; } .services-wrap:hover .read-more-btn { color: #ffffff; } .services-wrap .content-part .desc :hover{ color: #ffffff; } .services-wrap:hover .title { color: #00a651; } .services-wrap:hover .desc { color: #fff; } .services-wrap:hover img{ border-radius: 50%; /* Make the border round on hover */ border: 2px solid #000; /* Change border color on hover */ background-color: #fff; /* Change background color of the border on hover */ transition: border-color 0.3s ease, background-color 0.3s ease; /* Smooth transition */ } .services-wrap :hover img { border-radius: 50%; /* Make the border round on hover */ border: 2px solid #000; /* Change border color on hover */ background-color: #fff; /* Change background color of the border on hover */ transition: border-color 0.3s ease, background-color 0.3s ease; /* Smooth transition */ } .services-wrap .icon-part:hover img { border-radius: 50%; /* Make the border round on hover */ border: 2px solid #000; /* Change border color on hover */ background-color: #fff; /* Change background color of the border on hover */ transition: border-color 0.3s ease, background-color 0.3s ease; /* Smooth transition */ } /* Styles for mouse hover */ /* .services-wrap:hover { background-color: #130947; transition: background-color 0.3s ease; } .services-wrap:hover .title { color: #00a651; } .services-wrap:hover .desc { color: #333; } */ /* meet our editorials start */ body.home-ten .rs-blog.style1.modify .blog-wrap .img-part img { border-radius: 5px 5px 0 0; } body.home-ten .rs-blog.style1.modify .blog-wrap .img-part .fly-btn a { background: #b1976b; box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.25); } body.home-ten .rs-blog.style1.modify .blog-wrap .img-part .fly-btn a:hover { background: #a88b5a; } body.home-ten .rs-blog.style1.modify .blog-wrap .content-part { border-radius: 0 0 5px 5px; } body.home-ten .rs-blog.style1.modify .blog-wrap .content-part a.categories { color: #b1976b; } body.home-ten .rs-blog.style1.modify .blog-wrap .content-part .title a:hover { color: #b1976b; } body.home-ten .rs-blog.style1.modify .blog-wrap .content-part .blog-meta .date i { color: #b1976b; } /*--------------------------------------- 33. Blog Section CSS ---------------------------------------*/ .rs-blog.style1 .owl-stage-outer { padding-bottom: 5px; margin-bottom: 29px; } .rs-blog.style1 .blog-wrap { transition: all 0.3s ease; } .rs-blog.style1 .blog-wrap .img-part { position: relative; } .rs-blog.style1 .blog-wrap .img-part img { transition: all 0.3s ease; } .rs-blog.style1 .blog-wrap .img-part .fly-btn { position: absolute; left: 50%; bottom: -24px; transform: translateX(-50%); opacity: 0; visibility: hidden; transition: all 0.3s ease; } .rs-blog.style1 .blog-wrap .img-part .fly-btn a { width: 50px; height: 50px; line-height: 50px; border-radius: 100%; background: #106eea; text-align: center; display: inline-block; } .rs-blog.style1 .blog-wrap .img-part .fly-btn a i:before { color: #ffffff; font-size: 16px; } .rs-blog.style1 .blog-wrap .img-part .fly-btn a:hover { background: #228bfd; } .rs-blog.style1 .blog-wrap .content-part { padding: 33px 30px 25px; box-shadow: 0 5px 20px rgba(34, 34, 34, 0.1); background: #ffffff; } .rs-blog.style1 .blog-wrap .content-part a.categories { text-transform: uppercase; color: #363636; display: inline-block; font-size: 15px; } .rs-blog.style1 .blog-wrap .content-part a.categories:hover { color: #106eea; } .rs-blog.style1 .blog-wrap .content-part .title { margin: 6px 0 15px; } .rs-blog.style1 .blog-wrap .content-part .title a { font-size: 20px; line-height: 32px; font-weight: 600; color: #1c1b1b; } .rs-blog.style1 .blog-wrap .content-part .title a:hover { color: #106eea; } .rs-blog.style1 .blog-wrap .content-part .blog-meta { display: flex; align-items: center; justify-content: space-between; } .rs-blog.style1 .blog-wrap .content-part .blog-meta .user-data { display: flex; align-items: center; } .rs-blog.style1 .blog-wrap .content-part .blog-meta .user-data img { max-width: 40px; border-radius: 100%; margin-right: 8px; } .rs-blog.style1 .blog-wrap .content-part .blog-meta .user-data span { font-size: 15px; } .rs-blog.style1 .blog-wrap .content-part .blog-meta .date { font-size: 14px; } .rs-blog.style1 .blog-wrap .content-part .blog-meta .date i { color: #106eea; margin-right: 5px; } .rs-blog.style1 .blog-wrap:hover { margin-top: -10px; } .rs-blog.style1 .blog-wrap:hover .img-part img { filter: grayscale(1); } .rs-blog.style1 .blog-wrap:hover .img-part .fly-btn { opacity: 1; visibility: visible; } .rs-blog.style1.modify .blog-wrap .img-part .fly-btn { bottom: -29px; } .rs-blog.style1.modify .blog-wrap .img-part .fly-btn a { width: 60px; height: 60px; line-height: 60px; } .rs-blog.style1.modify .blog-wrap .content-part a.categories { color: #106eea; } .rs-blog.style1.modify .blog-wrap .content-part .desc { margin-bottom: 14px; } .rs-blog.style1.modify .blog-wrap .content-part .blog-meta .user-data { font-weight: 500; color: #1c1b1b; } .rs-blog.style1.modify .blog-wrap .content-part .blog-meta .date { font-weight: 500; color: #1c1b1b; } .rs-blog.style1.modify .blog-wrap .content-part .blog-meta .date i { color: #106eea; font-weight: normal; } .rs-blog.style1.modify2 .owl-stage-outer { padding-bottom: 30px; margin-bottom: 0; } .rs-blog.style1.modify2 .blog-wrap .img-part .fly-btn { bottom: unset; } .rs-blog.style1.modify2 .blog-wrap .img-part .fly-btn a { width: 60px; height: 60px; line-height: 60px; } .rs-blog.style1.modify2 .blog-wrap .content-part a.categories { color: #106eea; } .rs-blog.style1.modify2 .blog-wrap .content-part .desc { margin-bottom: 14px; } .rs-blog.style1.modify2 .blog-wrap .content-part .blog-meta .user-data { color: #1c1b1b; } .rs-blog.style1.modify2 .blog-wrap .content-part .blog-meta .date { color: #1c1b1b; } .rs-blog.style1.modify2 .blog-wrap .content-part .blog-meta .date i { color: #106eea; font-weight: normal; } .rs-blog.style1.modify2.modify-home13 .owl-stage-outer { padding-top: 10px; } .rs-blog.style1.modify2.modify-home13 .blog-wrap { padding: 30px 30px 30px 30px; border-style: solid; border-width: 1px 1px 1px 1px; border-color: #EDEDED; transition: all 500ms ease; border-radius: 5px; } .rs-blog.style1.modify2.modify-home13 .blog-wrap .img-part img { border-radius: 5px 5px 0 0; } .rs-blog.style1.modify2.modify-home13 .blog-wrap .content-part { background: unset; box-shadow: unset; padding: 25px 0px 0px 0px; } .rs-blog.style1.modify2.modify-home13 .blog-wrap:hover { margin-top: unset; transform: translateY(-10px); } .rs-blog.style1.modify2.modify-home13.marketing .blog-wrap .img-part img { border-radius: 5px 5px 0 0; } .rs-blog.style1.modify2.modify-home13.marketing .blog-wrap .content-part { background: unset; box-shadow: unset; padding: 25px 0px 0px 0px; } .rs-blog.style1.modify2.modify-home13.marketing .blog-wrap .content-part a.categories { color: #bf0505; } .rs-blog.style1.modify2.modify-home13.marketing .blog-wrap .content-part .title a { line-height: 1.2; } .rs-blog.style1.modify2.modify-home13.marketing .blog-wrap .content-part .title a:hover { color: #bf0505; } .rs-blog.style1.modify2.modify-home13.marketing .blog-wrap .content-part .blog-meta .date i { color: #bf0505; } .rs-blog.style1.modify2.corporate .blog-wrap .content-part { text-align: center; } .rs-blog.style1.modify2.corporate2 .blog-wrap { border-radius: 5px; } .rs-blog.style1.modify2.corporate2 .blog-wrap .content-part .title a { color: #0a0a0a; } .rs-blog.style1.modify2.corporate2 .blog-wrap .content-part .title a:hover { color: #090E40; } .rs-blog.style1.modify2.green .blog-wrap .img-part .fly-btn { bottom: -29px; } .rs-blog.style1.modify2.green .blog-wrap .img-part .fly-btn a { background: #67c27c; } .rs-blog.style1.modify2.green .blog-wrap .content-part a.categories { display: none; } .rs-blog.style1.modify2.green .blog-wrap .content-part .title a:hover { color: #67c27c; } .rs-blog.style1.modify2.green .blog-wrap .content-part .blog-meta .date i { color: #67c27c; } .rs-blog.style1.modify3 .blog-wrap .content-part a.categories { color: #f67d31; } .rs-blog.style1.modify3 .blog-wrap .content-part a.categories:hover { color: #106eea; } .rs-blog.style1.modify3 .owl-dots { text-align: center; margin-top: 50px; } .rs-blog.style1.modify3 .owl-dots .owl-dot { width: 25px; height: 8px; display: inline-block; margin: 0 6px; padding: 3px 0; border-radius: 30px; border: none; transition: all 0.3s ease; background: #106eea; opacity: .5; } .rs-blog.style1.modify3 .owl-dots .owl-dot:hover, .rs-blog.style1.modify3 .owl-dots .owl-dot.active { width: 40px; background: #0B70E1; opacity: 1; } .rs-blog.style1.modify3 .owl-stage-outer { padding: 10px; margin: -10px; } .rs-blog.style1.modify3.green .blog-wrap .img-part .fly-btn { bottom: -29px; } .rs-blog.style1.modify3.green .blog-wrap .img-part .fly-btn a { background: #67c27c; } .rs-blog.style1.modify3.green .blog-wrap .content-part a.categories { display: none; } .rs-blog.style1.modify3.green .blog-wrap .content-part .title a:hover { color: #67c27c; } .rs-blog.style1.modify3.green .blog-wrap .content-part .blog-meta .date i { color: #67c27c; } .rs-blog.style1.modify4 .blog-wrap { transition: all 0.3s ease; border-radius: 5px; overflow: hidden; } .rs-blog.style1.modify4 .blog-wrap .img-part .fly-btn a { background: #ec4c6f; } .rs-blog.style1.modify4 .blog-wrap .img-part .fly-btn a:hover { background-color: #DD4F6E; } .rs-blog.style1.modify4 .blog-wrap .content-part { box-shadow: unset; } .rs-blog.style1.modify4 .blog-wrap .content-part a.categories:hover { color: #ec4c6f; } .rs-blog.style1.modify4 .blog-wrap .content-part .title a:hover { color: #ec4c6f; } .rs-blog.style1.modify4 .blog-wrap .content-part .blog-meta .date i { color: #ec4c6f; } .rs-blog.style1.modify4 .owl-dots { text-align: center; margin-top: 50px; } .rs-blog.style1.modify4 .owl-dots .owl-dot { background: #ec4c6f; } .rs-blog.style2 .blog-wrap { border-radius: 5px; overflow: hidden; position: relative; } .rs-blog.style2 .blog-wrap .content-part { position: absolute; left: 25px; right: 25px; bottom: 25px; background: #ffffff; text-align: center; padding: 23px 15px 20px; border-radius: 5px; } .rs-blog.style2 .blog-wrap .content-part .title { font-size: 20px; line-height: 32px; font-weight: 700; margin-bottom: 0; } .rs-blog.style2 .blog-wrap .content-part .title a { color: #101010; } .rs-blog.style2 .blog-wrap .content-part .title a:hover { color: #ec4c6f; } .rs-blog.style3 .blog-wrap { text-align: center; background: #ffffff; padding: 15px 15px 0 15px; box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.05); margin: 20px 0; border-radius: 5px; overflow: hidden; position: relative; } .rs-blog.style3 .blog-wrap .img-part { position: relative; } .rs-blog.style3 .blog-wrap .img-part img { border-radius: 5px 5px 0 0; transition: all 0.3s ease; } .rs-blog.style3 .blog-wrap .img-part .blog-meta { min-width: 150px; text-align: center; background: #d83030; color: #ffffff; position: absolute; content: ''; padding: 8.5px 0; border-radius: 5px 5px 0 0; left: 50%; transform: translateX(-50%); bottom: 0; font-size: 15px; } .rs-blog.style3 .blog-wrap .img-part .blog-meta i { margin-right: 5px; } .rs-blog.style3 .blog-wrap .content-part { position: relative; padding: 26px 15px 73px; } .rs-blog.style3 .blog-wrap .content-part .title { font-size: 20px; line-height: 28px; font-weight: 700; margin-bottom: 10px; } .rs-blog.style3 .blog-wrap .content-part .title a { color: #032e42; } .rs-blog.style3 .blog-wrap .content-part .title a:hover { color: #d83030; } .rs-blog.style3 .blog-wrap .content-part .btn-part { position: absolute; bottom: -50px; left: 0; right: 0; z-index: 1; transition: all 0.3s ease; } .rs-blog.style3 .blog-wrap .content-part .btn-part a { font-size: 20px; padding: 10px; color: #ffffff; } .rs-blog.style3 .blog-wrap .content-part:after, .rs-blog.style3 .blog-wrap .content-part:before { position: absolute; content: ''; right: 0; left: 0; margin: 0 auto; transition: all 0.3s ease; } .rs-blog.style3 .blog-wrap .content-part:before { width: 170px; height: 170px; border: 1px solid #f3f3f3; bottom: -125px; } .rs-blog.style3 .blog-wrap .content-part:after { background: #f3f3f3; width: 126px; height: 126px; bottom: -98px; } .rs-blog.style3 .blog-wrap:after { position: absolute; content: ''; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; height: 1px; background: #d83030; transition: all 0.5s; } .rs-blog.style3 .blog-wrap:hover .img-part img { filter: grayscale(1); } .rs-blog.style3 .blog-wrap:hover .content-part .btn-part { bottom: 0; } .rs-blog.style3 .blog-wrap:hover .content-part:before { width: 182px; height: 182px; border-color: #d83030; } .rs-blog.style3 .blog-wrap:hover .content-part:after { width: 140px; height: 140px; background: #d83030; } .rs-blog.style3 .blog-wrap:hover:after { width: 100%; } .rs-blog.style4 .blog-item .blog-wrap { position: relative; overflow: hidden; transition: all 500ms ease; border-radius: 5px; } .rs-blog.style4 .blog-item .blog-wrap .img-part { position: relative; } .rs-blog.style4 .blog-item .blog-wrap .img-part a img { transition: all .8s ease 0s; border-radius: 5px 5px 0 0; } .rs-blog.style4 .blog-item .blog-wrap .img-part:before { opacity: .85; background: 0 0; background: linear-gradient(transparent, #333333), linear-gradient(transparent, #333333); background: -moz-linear-gradient(transparent, #333333), -moz-linear-gradient(transparent, #333333); background: -o-linear-gradient(transparent, #333333), -o-linear-gradient(transparent, #333333); content: ""; height: 100%; bottom: 0; left: 0; right: 0; position: absolute; width: 100%; z-index: 1; transition: all .7s ease 0s; } .rs-blog.style4 .blog-item .blog-wrap .blog-content { margin-bottom: 0; position: absolute; left: 0; bottom: 0; width: 100%; z-index: 1; background: 0 0; text-align: left; padding: 50px 30px 60px 30px; } .rs-blog.style4 .blog-item .blog-wrap .blog-content .categories { font-size: 15px; line-height: 26px; font-weight: 400; color: #ffffff; text-transform: uppercase; display: block; margin-bottom: 8px; } .rs-blog.style4 .blog-item .blog-wrap .blog-content .categories:hover { color: #106eea; } .rs-blog.style4 .blog-item .blog-wrap .blog-content .title { font-size: 20px; line-height: 30px; font-weight: 600; font-family: Poppins; margin-bottom: 14px; } .rs-blog.style4 .blog-item .blog-wrap .blog-content .title a { color: #ffffff; } .rs-blog.style4 .blog-item .blog-wrap .blog-content .title a:hover { color: #106eea; } .rs-blog.style4 .blog-item .blog-wrap .blog-content .blog-meta .date { font-size: 14px; color: #ffffff; } .rs-blog.style4 .blog-item .blog-wrap .blog-content .blog-meta .date i { color: #1273EB; margin-right: 5px; } .rs-blog.style4 .blog-item .blog-wrap:hover { transform: translateY(-10px); } .rs-blog.style4 .blog-item .blog-wrap:hover .img-part { position: relative; } .rs-blog.style4 .blog-item .blog-wrap:hover .img-part a img { transform: scale3d(1.1, 1.1, 1.1); filter: grayscale(1); } .rs-blog.style4 .blog-item .blog-wrap:hover .img-part:before { opacity: .85; background: 0 0; background: linear-gradient(transparent, #333333), linear-gradient(transparent, #333333); background: -moz-linear-gradient(transparent, #333333), -moz-linear-gradient(transparent, #333333); background: -o-linear-gradient(transparent, #333333), -o-linear-gradient(transparent, #333333); content: ""; height: 100%; bottom: 0; left: 0; right: 0; position: absolute; width: 100%; z-index: 1; transition: all .7s ease 0s; } .rs-blog.style4 .blog-item .blog-wrap:hover .blog-content { margin-bottom: 0; position: absolute; left: 0; bottom: 0; width: 100%; z-index: 1; background: 0 0; text-align: left; padding: 50px 30px 60px 30px; } .rs-blog.style4 .blog-item .blog-wrap:hover .blog-content .categories { font-size: 15px; line-height: 26px; font-weight: 400; color: #ffffff; text-transform: uppercase; display: block; margin-bottom: 8px; } .rs-blog.style4 .blog-item .blog-wrap:hover .blog-content .categories:hover { color: #106eea; } .rs-blog.style4 .blog-item .blog-wrap:hover .blog-content .title { font-size: 20px; line-height: 30px; font-weight: 600; font-family: Poppins; margin-bottom: 14px; } .rs-blog.style4 .blog-item .blog-wrap:hover .blog-content .title a { color: #ffffff; } .rs-blog.style4 .blog-item .blog-wrap:hover .blog-content .title a:hover { color: #106eea; } .rs-blog.style4 .blog-item .blog-wrap:hover .blog-content .blog-meta .date { font-size: 14px; color: #ffffff; } .rs-blog.style4 .blog-item .blog-wrap:hover .blog-content .blog-meta .date i { color: #1273EB; margin-right: 5px; } .rs-blog.style4 .owl-dots { text-align: center; margin-top: 50px; } .rs-blog.style4 .owl-dots .owl-dot { width: 25px; height: 8px; display: inline-block; margin: 0 6px; padding: 3px 0; border-radius: 30px; border: none; transition: all 0.3s ease; background: #106eea; opacity: .5; } .rs-blog.style4 .owl-dots .owl-dot:hover, .rs-blog.style4 .owl-dots .owl-dot.active { width: 40px; background: #0B70E1; opacity: 1; } .rs-blog.style4 .owl-stage-outer { padding: 10px; margin: -10px; } .rs-blog.inner .blog-wrap .content-part { padding: 36px 46px 45px; } .rs-blog.inner .blog-wrap .content-part .title { font-size: 26px; line-height: 35px; } .rs-blog.inner .blog-wrap .content-part .title a { color: #1c1b1b; } .rs-blog.inner .blog-wrap .content-part .title a:hover { color: #106eea; } .rs-blog.inner .blog-wrap .content-part .blog-meta li { display: inline; font-size: 13px; margin-right: 15px; } .rs-blog.inner .blog-wrap .content-part .blog-meta li i { margin-right: 3px; color: #106eea; font-size: 14px; font-weight: 700; } .rs-blog.inner .blog-wrap .content-part .blog-meta li a { color: #363636; } .rs-blog.inner .blog-wrap .content-part .blog-meta li a:hover { color: #106eea; } .rs-blog.inner .blog-wrap .content-part .blog-meta li:last-child { margin: 0; } .rs-blog.inner .blog-sidebar { width: 350px; } .rs-blog.single .blog-part .article-content { padding: 38px 40px 34px; } .rs-blog.single .blog-part .article-content .blog-meta li { display: inline; font-size: 14px; margin-right: 10px; } .rs-blog.single .blog-part .article-content .blog-meta li i { margin-right: 3px; color: #106eea; font-size: 13px; } .rs-blog.single .blog-part .article-content .blog-meta li a { color: #363636; } .rs-blog.single .blog-part .article-content .blog-meta li a:hover { color: #106eea; } .rs-blog.single .blog-part .article-content .blog-meta li:last-child { margin: 0; } .rs-blog.single .blog-part .article-content .markup-text { padding: 40px 40px 50px 30px; color: #666; font-weight: 400; font-style: italic; text-align: left; clear: both; box-shadow: 0 0 150px #eee !important; border-left: 10px solid #106eea; } .rs-blog.single .blog-part .article-nav { border-top: 1px solid; border-bottom: 1px solid; border-color: rgba(170, 170, 170, 0.25); padding: 30px 0; } .rs-blog.single .blog-part .article-nav ul { list-style: none; } .rs-blog.single .blog-part .article-nav ul li { width: 50%; display: inline-block; } .rs-blog.single .blog-part .article-nav ul li a span { text-transform: uppercase; color: #909090; display: block; /* vertical-align: middle; */ transition: all 0.3s ease; } .rs-blog.single .blog-part .article-nav ul li a span i { margin-top: -4px; display: inline-block; } .rs-blog.single .blog-part .article-nav ul li a span i:before { font-size: 15px; } .rs-blog.single .blog-part .article-nav ul li a span.link-text { text-transform: capitalize; color: #1c1b1b; font-weight: 500; transition: all 0.3s ease; } .rs-blog.single .blog-part .article-nav ul li a:hover span { color: #106eea !important; } .rs-blog.single .blog-part .article-nav ul li.next { float: right; text-align: right; } .rs-blog.single .blog-part .article-nav ul li.next a span i { margin-left: 10px; } .rs-blog.single .blog-part .article-nav ul li.prev a span i { margin-right: 10px; } .rs-blog.single .bs-contact-form .title { font-size: 24px; font-weight: 700; margin-bottom: 17px; } .rs-blog.single .bs-contact-form form { padding: 0; max-width: 100%; } .rs-blog.single .bs-contact-form form .form-field { margin-bottom: 22px; } .rs-blog.single .bs-contact-form form .form-field label { display: block; } .rs-blog.single .bs-contact-form form .form-field input, .rs-blog.single .bs-contact-form form .form-field textarea { width: 100%; padding: 5px 10px; border: 1px solid #ddd; border-radius: 5px; outline: unset; resize: unset; } .rs-blog.single .bs-contact-form form .form-field input { height: 50px; line-height: 50px; } .rs-blog.single .bs-contact-form form .form-field textarea { height: 160px; display: inherit; } .rs-blog.single .bs-contact-form form .form-button button { padding: 14px 24px; font-weight: normal; font-size: 14px; line-height: normal; font-family: 'Roboto', sans-serif; border: unset; outline: unset; } body.home-ten .readon { background: #b1976b; border-radius: 0; color: #ffffff; padding: 13.5px 28px 15.5px; font-size: 16px; text-transform: uppercase; font-weight: 500; } body.home-ten .readon:hover { background: #997e50; } body.home-ten .sec-title.style2 { align-items: center; } body.home-ten .sec-title.style2 .title-part { border-color: #b1976b; } body.home-ten .sec-title.style2 .first-half { border-color: #b1976b; max-width: 50%; flex: 0 0 50%; border-width: 4px; } body.home-ten .sec-title.style2 .last-half { max-width: 50%; flex: 0 0 50%; } body.home-ten ul.listing-style li:before { color: #b1976b; } body.home-ten #scrollUp i { background: #b1976b; } body.home-ten #scrollUp i:hover { background-color: #b1976b; } body.home-ten .rs-carousel.dot-style1 .owl-dots .owl-dot { background: #b1976b; } body.home-ten .rs-blog.style1.modify .blog-wrap .img-part img { border-radius: 5px 5px 0 0; } body.home-ten .rs-blog.style1.modify .blog-wrap .img-part .fly-btn a { background: #b1976b; box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.25); } body.home-ten .rs-blog.style1.modify .blog-wrap .img-part .fly-btn a:hover { background: #a88b5a; } body.home-ten .rs-blog.style1.modify .blog-wrap .content-part { border-radius: 0 0 5px 5px; } body.home-ten .rs-blog.style1.modify .blog-wrap .content-part a.categories { color: #b1976b; } body.home-ten .rs-blog.style1.modify .blog-wrap .content-part .title a:hover { color: #b1976b; } body.home-ten .rs-blog.style1.modify .blog-wrap .content-part .blog-meta .date i { color: #b1976b; } body.home-ten .rs-footer { background: #282e3f; } body.home-ten .rs-footer .footer-newsletter { border-color: rgba(55, 62, 77, 0.57); } body.home-ten .rs-footer .footer-newsletter .title { font-size: 36px; line-height: 1; } body.home-ten .rs-footer .footer-newsletter .newsletter-form input { border-color: #40485b; } body.home-ten .rs-footer .footer-newsletter .newsletter-form button { background: #b1976b; } body.home-ten .rs-footer .footer-content .widget-title { color: #ffffff; } body.home-ten .rs-footer .footer-content .about-widget .btn-part a.readon { padding: 16px 24px; border-radius: 3px; } body.home-ten .rs-footer .footer-content .address-widget li i:before { color: #b1976b; } body.home-ten .rs-footer .footer-content .address-widget li .desc a { color: #e0e0e0; } body.home-ten .rs-footer .footer-content .address-widget li .desc a:hover { color: #b1976b; } body.home-ten .rs-footer .footer-content .footer-post .post-wrap .post-desc a { color: #ffffff; } body.home-ten .rs-footer .footer-content .footer-post .post-wrap .post-desc a:hover { color: #b1976b; } body.home-ten .rs-footer .footer-content .footer-post .post-wrap .post-desc .date-post i { color: #b1976b; } body.home-ten .rs-footer .footer-bottom { border-color: rgba(55, 62, 77, 0.57); } body.home-ten .rs-footer .footer-bottom .footer-social li a { background: #b1976b; } body.home-ten .rs-footer .footer-bottom .footer-social li a:hover { background: #b1976b; } .rs-carousel.nav-style1 { position: relative; } .rs-carousel.nav-style1 .owl-nav { display: block; } .rs-carousel.nav-style1 .owl-nav .owl-next, .rs-carousel.nav-style1 .owl-nav .owl-prev { position: absolute; top: 50%; transform: translateY(-50%); left: 30px; width: 42px; height: 42px; line-height: 42px; border-radius: 50%; background: #106eea; text-align: center; color: #ffffff; transition: all 0.5s; transition-delay: 0.70s; opacity: 0; visibility: hidden; } .rs-carousel.nav-style1 .owl-nav .owl-next i:before, .rs-carousel.nav-style1 .owl-nav .owl-prev i:before { content: "\f112"; font-family: Flaticon; } .rs-carousel.nav-style1 .owl-nav .owl-next { right: 30px; left: unset; } .rs-carousel.nav-style1 .owl-nav .owl-next i:before { content: "\f113"; } .rs-carousel.nav-style1:hover .owl-nav .owl-next, .rs-carousel.nav-style1:hover .owl-nav .owl-prev { left: -50px; transition-delay: 0s; visibility: visible; opacity: 1; } .rs-carousel.nav-style1:hover .owl-nav .owl-next { right: -50px; left: unset; } .rs-carousel.nav-style1.nav-mod .owl-nav { display: block; } .rs-carousel.nav-style1.nav-mod .owl-nav .owl-next, .rs-carousel.nav-style1.nav-mod .owl-nav .owl-prev { transition: all 0.5s; transition-delay: 0.70s; opacity: 0; visibility: hidden; left: 30px; } .rs-carousel.nav-style1.nav-mod .owl-nav .owl-next { right: 30px; left: unset; } .rs-carousel.nav-style1.nav-mod:hover .owl-nav .owl-next, .rs-carousel.nav-style1.nav-mod:hover .owl-nav .owl-prev { transition-delay: 0s; visibility: visible; opacity: 1; } .rs-carousel.nav-style2 { position: relative; } .rs-carousel.nav-style2 .owl-nav { display: block; position: absolute; top: -80px; right: 0; } .rs-carousel.nav-style2 .owl-nav .owl-prev, .rs-carousel.nav-style2 .owl-nav .owl-next { display: inline-block; } .rs-carousel.nav-style2 .owl-nav .owl-prev i, .rs-carousel.nav-style2 .owl-nav .owl-next i { transition: all 0.3s ease; } .rs-carousel.nav-style2 .owl-nav .owl-prev i:before, .rs-carousel.nav-style2 .owl-nav .owl-next i:before { font-family: Flaticon; font-size: 22px; } .rs-carousel.nav-style2 .owl-nav .owl-prev:hover i, .rs-carousel.nav-style2 .owl-nav .owl-next:hover i { color: #106eea; } .rs-carousel.nav-style2 .owl-nav .owl-prev i:before { content: "\f134"; } .rs-carousel.nav-style2 .owl-nav .owl-prev:after { content: "/"; padding: 0 5px 0 5px; position: relative; top: -3px; } .rs-carousel.nav-style2 .owl-nav .owl-next i:before { content: "\f133"; } .rs-carousel.dot-style1 .owl-dots { text-align: center; } .rs-carousel.dot-style1 .owl-dots .owl-dot { width: 25px; height: 8px; display: inline-block; border-radius: 50px; margin: 0 5px; background: #106eea; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); opacity: .5; } .rs-carousel.dot-style1 .owl-dots .owl-dot:hover { width: 40px; opacity: 1; } .rs-carousel.dot-style1 .owl-dots .owl-dot.active { width: 40px; opacity: 1; } body.home-ten .rs-carousel.dot-style1 .owl-dots .owl-dot { background: #b1976b; } .custom-for-sl .rs-carousel .owl-stage-outer .owl-item { padding-right: 15px; padding-left: 15px; } .rs-partner.modify4 .rs-carousel { max-width: 1000px; margin: 0 auto; } /* meet our editorials end */ /* meet our editorilas carousel work */ /* .customer-logos { background-color: #fff; } */ /* Slider */ .slick-slide { margin: 0px 20px; } .slick-slide img { width: 100%; border: 2px solid #000; } .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-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .ac-label { /* font-weight: 700; position: relative; padding: .5em 1em; margin-bottom: .5em; display: block; cursor: pointer; background-color: whiteSmoke; transition: background-color .15s ease-in-out; */ font-weight: 700; position: relative; /* padding: 0.5em 1em; */ margin-bottom: 0.5em; display: block; cursor: pointer; /* background-color: whiteSmoke; */ transition: background-color .15s ease-in-out; } /* .ac-input:checked+label, .ac-label:hover { background-color: #999; } */ /* .ac-label:after, .ac-input:checked+.ac-label:after { content: "+"; position: absolute; display: block; right: 0; top: 0; width: 2em; height: 100%; line-height: 2.25em; text-align: center; /* background-color: #e5e5e5; transition: background-color .15s ease-in-out; }*/ .ac-label1:after, .ac-input:checked+.ac-label:after { content: ""; position: absolute; display: block; right: 0; top: 0; width: 2em; height: 100%; line-height: 2.25em; text-align: center; /* background-color: #e5e5e5; */ transition: background-color .15s ease-in-out; } /* .ac-label:hover:after, .ac-input:checked+.ac-label:after { background-color: #b5b5b5; } */ /* .ac-input:checked+.ac-label:after { content: "-"; } .ac-input1:checked+.ac-label:after { content: ""; } */ .ac-input { display: none; } .ac-text, .ac-sub-text { opacity: 0; height: 0; margin-bottom: .5em; transition: opacity .5s ease-in-out; overflow: hidden; } .ac-input:checked~.ac-text, .ac-sub .ac-input:checked~.ac-sub-text { opacity: 1; height: auto; } .ac-sub .ac-label { background: none; font-weight: 600; padding: .5em 2em; margin-bottom: 0; } .ac-sub .ac-label1 { background: none; font-weight: 600; padding: .5em 2em; margin-bottom: 0; } .ac-sub .ac-label:checked { background: none; border-bottom: 1px solid whitesmoke; } .ac-sub .ac-label:after, .ac-sub .ac-input:checked+.ac-label:after { left: 0; background: none; } .ac-sub .ac-input:checked+label, .ac-sub .ac-label:hover { background: none; } .ac-sub-text { padding: 0 1em 0 2em; } /* meet our editorilas start */ .meet-editorials.owl-theme .owl-nav { margin-top: 0; line-height: 1; } .meet-editorials.owl-theme .owl-nav [class*=owl-] { position: absolute; left: 0; top: 50%; margin: 0; padding: 0; background-color: transparent !important; color: #130947 !important; font-size: 35px; opacity: 0; visibility: hidden; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: 0.5s; transition: 0.5s; } .meet-editorials.owl-theme .owl-nav [class*=owl-].owl-next { left: auto; right: 0; } .meet-editorials.owl-theme .owl-nav [class*=owl-]:hover { color: #4f87fb !important; } .meet-editorials.owl-theme:hover .owl-nav [class*=owl-] { left: 20px; opacity: 1; visibility: visible; } .meet-editorials.owl-theme:hover .owl-nav [class*=owl-].owl-next { left: auto; right: 20px; } .carousel-showmanymoveone .carousel-control { width: 4%; background-image: none; } .carousel-showmanymoveone .carousel-control.left { margin-left: 15px; } .carousel-showmanymoveone .carousel-control.right { margin-right: 15px; } .carousel-showmanymoveone .cloneditem-1, .carousel-showmanymoveone .cloneditem-2, .carousel-showmanymoveone .cloneditem-3 { display: none; } @media all and (min-width: 768px) { .carousel-showmanymoveone .carousel-inner > .active.left, .carousel-showmanymoveone .carousel-inner > .prev { left: -50%; } .carousel-showmanymoveone .carousel-inner > .active.right, .carousel-showmanymoveone .carousel-inner > .next { left: 50%; } .carousel-showmanymoveone .carousel-inner > .left, .carousel-showmanymoveone .carousel-inner > .prev.right, .carousel-showmanymoveone .carousel-inner > .active { left: 0; } .carousel-showmanymoveone .carousel-inner .cloneditem-1 { display: block; } } @media all and (min-width: 768px) and (transform-3d), all and (min-width: 768px) and (-webkit-transform-3d) { .carousel-showmanymoveone .carousel-inner > .item.active.right, .carousel-showmanymoveone .carousel-inner > .item.next { -webkit-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0); left: 0; } .carousel-showmanymoveone .carousel-inner > .item.active.left, .carousel-showmanymoveone .carousel-inner > .item.prev { -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); left: 0; } .carousel-showmanymoveone .carousel-inner > .item.left, .carousel-showmanymoveone .carousel-inner > .item.prev.right, .carousel-showmanymoveone .carousel-inner > .item.active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); left: 0; } } @media all and (min-width: 992px) { .carousel-showmanymoveone .carousel-inner > .active.left, .carousel-showmanymoveone .carousel-inner > .prev { left: -33.3%; } .carousel-showmanymoveone .carousel-inner > .active.right, .carousel-showmanymoveone .carousel-inner > .next { left: 33.3%; } .carousel-showmanymoveone .carousel-inner > .left, .carousel-showmanymoveone .carousel-inner > .prev.right, .carousel-showmanymoveone .carousel-inner > .active { left: 0; } .carousel-showmanymoveone .carousel-inner .cloneditem-2, .carousel-showmanymoveone .carousel-inner .cloneditem-3 { display: block; } } @media all and (min-width: 992px) and (transform-3d), all and (min-width: 992px) and (-webkit-transform-3d) { .carousel-showmanymoveone .carousel-inner > .item.active.right, .carousel-showmanymoveone .carousel-inner > .item.next { -webkit-transform: translate3d(33.3%, 0, 0); transform: translate3d(33.3%, 0, 0); left: 0; } .carousel-showmanymoveone .carousel-inner > .item.active.left, .carousel-showmanymoveone .carousel-inner > .item.prev { -webkit-transform: translate3d(-33.3%, 0, 0); transform: translate3d(-33.3%, 0, 0); left: 0; } .carousel-showmanymoveone .carousel-inner > .item.left, .carousel-showmanymoveone .carousel-inner > .item.prev.right, .carousel-showmanymoveone .carousel-inner > .item.active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); left: 0; } } .carousel-control:hover, .carousel-control:focus { opacity: 1; } .carousel-control, .carousel-control { opacity: 1; } @media all and (min-width: 1600px) { .carousel-main-container { width: 66.66666667%; margin-left: 16.66666667%; } } .glyphicon { color: #46166b; top: 60px; } @media all and (min-width: 768px) { .glyphicon { top: 62px; } } @media all and (min-width: 992px) { .glyphicon { top: 65px; } } @media all and (max-width: 767px) { .glyphicon-menu-right { margin-left: 20px; } .glyphicon-menu-left { right: 28px; } } /* Align items center for all rows */ .row.align-items-center { display: flex; align-items: center; } /* Add padding to all items */ /* .post-slide { padding: 20px; padding: 2px 0px 1px 0px; margin: 5px 38px 8px 20px; } */ /* Style for read more button */ .read-more { position: relative; z-index: 1; text-transform: capitalize; background-color: #4f87fb; color: #ffffff; border: 1px solid #4f87fb; display: inline-block; -webkit-transition: 0.5s; transition: 0.5s; padding: 2px; /* padding: 12px 25px 12px 50px; */ border-radius: 5px; /* font-size: 14px; */ font-size: 12px; font-weight: 700; text-decoration: none; /* display: inline-block; padding: 8px 16px; padding: 2px; background-color: #007bff; color: #fff; text-decoration: none; border-radius: 4px; transition: background-color 0.3s ease; */ } /* Hover effect for read more button */ .read-more:hover { background-color: #0056b3; } /* meet our editorials end */ /* about page styles start */ .features-area { margin-top: -100px; position: relative; z-index: 1; } .features-item { border: 1px solid #b6c1db; border-radius: 10px; padding: 35px 50px; margin-bottom: 40px; background: #fff; position: relative; } .features-item::before { content: ""; position: absolute; left: 5px; right: 5px; bottom: -5px; background: #F1F4FC; border: 1px solid #b6c1db; border-radius: 8px; height: 70px; z-index: -1; transition: .3s ease-in; } .features-item::after { content: ""; position: absolute; left: 12px; right: 12px; bottom: -10px; background: #DFE5F0; border: 1px solid #b6c1db; border-radius: 8px; height: 70px; z-index: -2; transition: .3s ease-in; } .features-item:hover::after, .features-item:hover::before { bottom: 3px; } .features-content .content-top { display: flex; align-items: center; margin-bottom: 15px; } .features-content .content-top .icon { font-size: 50px; line-height: 0; position: relative; color: #0055ff; z-index: 1; margin-right: 15px; } .features-content .content-top .icon::before { content: ""; position: absolute; left: -13px; top: -15px; width: 46px; height: 46px; background: var(--tg-lavender); z-index: -1; border-radius: 50%; transition: .3s ease-in; } .features-item:hover .features-content .content-top .icon::before { left: 0; top: 0; } .features-content .content-top .title { font-size: 22px; margin-bottom: 0; } .features-content p { margin-bottom: 0; color: var(--tg-gray-four); } /* features-two */ .features-item-wrap { border-bottom: 1px solid var(--tg-lavender); padding-bottom: 50px; } .features-item-two { display: flex; align-items: flex-start; margin-bottom: 30px; } .features-icon-three, .features-icon-two { width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; border-radius: 14px; background: var(--tg-lavender); flex: 0 0 auto; color: #0055ff; font-size: 40px; line-height: 0; position: relative; margin-right: 20px; } .features-icon-three::before, .features-icon-two::before { content: ""; position: absolute; left: 50%; transform: translateX(-50%); background: #0055ff; top: 0; width: 16px; height: 3px; border-radius: 3px; } .features-icon-two i { transform: rotateY(0); transition: .3s linear; } .features-item-two:hover .features-icon-two i { transform: rotateY(180deg); } .features-content-two .title { font-size: 20px; margin-bottom: 10px; } .features-content-two p { margin-bottom: 0; color: var(--tg-paragraph-color); width: 80%; } /* features-three */ .features-area-three { position: relative; padding: 120px 0 90px; overflow: hidden; } .features-area-three::before { content: ""; position: absolute; left: -127px; top: 90px; width: 530px; height: 530px; background: #CC3DE3; opacity: 0.05; filter: blur(75px); border-radius: 50%; z-index: -1; } .features-area-three::after { content: ""; position: absolute; right: -120px; top: 80px; width: 530px; height: 530px; background: #5E3DE3; opacity: 0.05; filter: blur(75px); z-index: -1; } .features-item-three { background: #fff; border: 1px solid var(--tg-border-color); border-radius: 10px; padding: 30px 30px 35px; position: relative; transition: .3s linear; z-index: 1; margin-bottom: 30px; } .features-item-three:hover { background: #0055ff; border-color: #0055ff; box-shadow: 0px 20px 50px rgba(3, 74, 218, 0.29); } .features-item-three .features-icon-three { margin-right: 0; margin-bottom: 25px; transition: .3s; width: 65px; height: 65px; } .features-item-three:hover .features-icon-three { background: #fff; } .features-content-three .title { font-weight: 700; font-size: 20px; margin-bottom: 15px; transition: .3s; } .features-content-three p { margin-bottom: 17px; color: var(--tg-paragraph-color); transition: .3s; } .features-item-three:hover .features-content-three p, .features-item-three:hover .features-content-three .title { color: #fff; } .features-content-three .link-btn { display: inline-flex; align-items: center; font-weight: 600; font-size: 14px; letter-spacing: 0.02em; color: var(--tg-paragraph-color); } .features-content-three .link-btn img { margin-left: 10px; transition: .3s; } .features-item-three:hover .features-content-three .link-btn { color: #fff; } .features-item-three:hover .features-content-three .link-btn img { filter: brightness(0) invert(1); } .features-item-wrap-two .row [class*="col-"]:nth-child(even) .features-item-three { margin-top: 20px; } /* features-four */ .features-item-wrap-four { background: #fff; box-shadow: 0px 4px 50px rgba(233, 233, 243, 0.5); border-radius: 10px; padding: 65px 50px 30px; margin-top: -90px; position: relative; z-index: 1; } .features-item-four { display: flex; align-items: center; margin-bottom: 30px; } .features-icon-four { width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; flex: 0 0 auto; margin-right: 20px; color: #0055ff; font-size: 40px; position: relative; line-height: 0; border-radius: 14px; background: var(--tg-lavender); } .features-icon-four::before { content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 3px; height: 16px; background: #0055ff; border-radius: 2px; } .features-icon-four i { transition: .3s linear; transform: rotateY(0); } .features-item-four:hover .features-icon-four i { transform: rotateY(180deg); } .features-content-four .title { font-weight: 700; font-size: 20px; margin-bottom: 10px; } .features-content-four p { margin-bottom: 0; color: var(--tg-paragraph-color); } /* features-five */ .features-bg { background-size: cover; background-position: center; /* padding: 120px 0 80px; */ z-index: 1; position: relative; overflow: hidden; } .features-shape-wrap img { position: absolute; z-index: -1; } .features-shape-wrap img:nth-child(1) { right: 9%; top: 10%; animation: float-bob-x 4s infinite linear; } .features-shape-wrap img:nth-child(2) { left: 8%; bottom: 10%; animation: animationFramesOne 18s linear infinite; } /* features-six */ .features-item-wrap-six { margin-top: 0; border: 1px solid #E7EAF1; z-index: 3; position: relative; } /* features-seven */ .features-area-seven { background: var(--tg-section-background); padding: 230px 0 120px; margin-top: -110px; position: relative; z-index: 1; } .features-area-seven::before { content: ""; position: absolute; left: 40%; bottom: 70px; width: 390px; height: 390px; background: #FF6AE7; opacity: 0.1; filter: blur(75px); z-index: -1; } .features-content-seven { width: 90%; } .features-content-seven p { margin-bottom: 0; } .features-progress-wrap { width: 90%; } .inner-features-shape { position: absolute; right: 0; top: 0; z-index: -1; } .features-item-five { margin-bottom: 30px; } .features-icon-five { font-size: 60px; line-height: 0; color: #0055ff; transition: .4s linear; display: inline-block; margin-bottom: 20px; } .features-item-five:hover .features-icon-five { transform: rotateY(180deg); } .features-content-five .title { margin-bottom: 15px; font-size: 22px; } .features-content-five p { margin-bottom: 0; } .features-bg-two { background-size: cover; background-position: center; /* padding: 440px 0 90px; */ position: relative; } .features-item-six { background: #fff; padding: 45px 45px; margin-bottom: 30px; transition: .3s linear; z-index: 1; position: relative; } .features-item-six:hover { transform: translateY(-5px); } .features-item-six-top { display: flex; align-items: center; gap: 25px; margin-bottom: 20px; } .features-icon-six { font-size: 60px; line-height: 0; flex: 0 0 auto; color: #0055ff; transition: .5s linear; } .features-item-six:hover .features-icon-six { transform: rotateY(180deg); } .features-item-six-top .title { margin-bottom: 0; font-size: 22px; } .features-content-six p { margin-bottom: 25px; font-family: var(--tg-heading-font-family); } .features-content-six .link-btn { display: inline-flex; align-items: center; gap: 10px; text-transform: uppercase; font-size: 14px; font-weight: 700; font-family: var(--tg-heading-font-family); color: var(--tg-gray-four); line-height: 1.2; position: relative; padding-bottom: 20px; } .features-content-six .link-btn:hover { color: #0055ff; } .features-content-six .link-btn::before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background: var(--tg-lavender); transition: .3s linear; border-radius: 3px; } .features-content-six .link-btn:hover::before { background: #0055ff; } .features-content-six .link-btn img { transform: translateY(-1.5px); } .features-shape-six img { position: absolute; } .features-shape-six img:nth-child(1) { left: 25%; top: 15%; } .features-shape-six img:nth-child(2) { left: 14%; top: 23%; animation: 8s linear 0s infinite normal none running alltuchtopdown; } .gutter-24 { --bs-gutter-x: 24px; } .z-index-1 { z-index: 1; } .features-item-seven { background: transparent; border: 1px solid transparent; border-radius: 20px; } /* .features-item-seven.active, .features-item-seven:hover { background: #fff; border-color: #e7e7e7; box-shadow: 0 4px 50px 0 #ececec; transform: translateY(0); } */ .features-item-seven, .features-item-seven:hover { background: #fff; border-color: #e7e7e7; box-shadow: 0 4px 50px 0 #ececec; transform: translateY(0); font-weight: 600; color: #000; } .features-item-seven { background: #ebebeb; border-color: #e7e7e7; box-shadow: 0 4px 50px 0 #ececec; transform: translateY(0); } .features-bg-three { background-size: cover; background-position: center; position: relative; z-index: 1; /* padding: 140px 0 110px; */ overflow: hidden; } .features-shape-seven img { position: absolute; z-index: -5; } .features-shape-seven img:nth-child(1) { left: 0; bottom: 0; } .features-shape-seven img:nth-child(2) { right: 13%; top: 13%; } .features-shape-seven img:nth-child(3) { left: 50%; transform: translateX(-50%); top: 0; } /* about page styles end */ /* jounals inner page start */ .services-details-area .row .col-71 { width: 71%; flex: 0 0 auto; } .services-details-area .row .col-29 { width: 29%; flex: 0 0 auto; } .services-details-thumb { margin-bottom: 20px; } .services-details-thumb img { border-radius: 10px; width: 100%; } .services-details-content .title { font-weight: 800; font-size: 36px; text-transform: capitalize; margin-bottom: 20px; } .services-details-content > p { margin-bottom: 15px; } .sd-inner-wrap { margin-top: 30px; margin-bottom: 25px; } .sd-inner-wrap .row .col-56 { width: 56.5%; flex: 0 0 auto; } .sd-inner-wrap .row .col-44 { width: 43.5%; flex: 0 0 auto; } .services-details-content .title-two { font-size: 30px; margin-bottom: 15px; text-transform: capitalize; } .sd-inner-wrap .content p { margin-bottom: 30px; } .sd-inner-wrap .content .list-wrap { display: flex; align-items: flex-start; flex-wrap: wrap; gap: 15px 0; list-style: none; } .sd-inner-wrap .content .list-wrap li { display: flex; align-items: flex-start; line-height: 1.3; font-weight: 600; font-size: 18px; font-family: var(--tg-heading-font-family); width: 50%; } .sd-inner-wrap .content .list-wrap li img { margin-right: 10px; } .sd-inner-wrap .thumb { position: relative; } .sd-inner-wrap .thumb img { width: 100%; border-radius: 10px; } .sd-inner-wrap .thumb .play-btn { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 62px; height: 62px; display: flex; align-items: center; justify-content: center; background: #fff; border-radius: 50%; } .sd-inner-wrap .thumb .play-btn::after { content: ""; position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; border: 1px solid #fff; border-radius: 50%; transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); animation: pulse-border 1500ms ease-out infinite; } .company-benefit-wrap { margin-top: 40px; } .company-benefit-wrap p { margin-bottom: 25px; } .accordion-wrap-three .accordion-item { background-color: transparent; border: none; border-radius: 4px; overflow: hidden; margin-bottom: 10px; } .accordion-wrap-three .accordion-item:last-child { margin-bottom: 0; } .accordion-wrap-three .accordion-item:first-of-type .accordion-button { border-top-left-radius: 4px; border-top-right-radius: 4px; } .accordion-wrap-three .accordion-button { position: relative; padding: 16px 50px 16px 25px; font-weight: 600; font-size: 20px; color: var(--tg-secondary-color); text-align: left; background-color: var(--tg-gray-two); font-family: var(--tg-heading-font-family); border: none; } .accordion-wrap-three .accordion-button:not(.collapsed) { color: #fff; background: #0055ff; } .accordion-wrap-three .accordion-button::after { content: "\f102"; width: auto; height: auto; background-image: none; font-family: "flaticon"; font-size: 16px; position: absolute; right: 25px; top: 18px; color: #0055ff; } .accordion-wrap-three .accordion-button:not(.collapsed)::after { background-image: none; transform: rotate(-180deg); color: #fff; } .accordion-wrap-three .accordion-body { padding: 20px 40px 30px 30px; border: 1px solid #DFDFDF; border-top: none !important; border-radius: 0 0 4px 4px; margin-top: -1px; } .accordion-wrap-three .accordion-body p { margin-bottom: 0; } .accordion-wrap-three .accordion-button:focus { border-color: #DFDFDF; box-shadow: none; } .sd-inner-wrap-two { margin-top: 35px; margin-bottom: 50px; } .sd-inner-wrap-two .row .col-58 { width: 58.4%; flex: 0 0 auto; } .sd-inner-wrap-two .row .col-42 { width: 41.6%; flex: 0 0 auto; } .sd-inner-wrap-two .thumb img { border-radius: 10px; } .services-details-list .list-wrap li { display: flex; align-items: flex-start; margin-bottom: 40px; } .services-details-list .list-wrap li:last-child { margin-bottom: 0; } .services-details-list .list-wrap li .icon { width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; background: var(--tg-lavender); color: #0055ff; border-radius: 14px; position: relative; font-size: 40px; line-height: 0; flex: 0 0 auto; margin-right: 20px; } .services-details-list .list-wrap li .icon::before { content: ""; position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: 16px; height: 3px; background: #0055ff; border-radius: 3px; } .services-details-list .list-wrap li .content .title { margin-bottom: 8px; font-size: 20px; text-transform: capitalize; } .services-details-list .list-wrap li .content p { margin-bottom: 0; } .industrial-working-wrap p { margin-bottom: 25px; } .industrial-working-wrap .info-two { margin-bottom: 0; } .industrial-working-wrap img { border-radius: 10px; margin-bottom: 25px; } .services-details-list-two { margin-right: 15px; } .services-details-list-two .list-wrap li { border: 1px solid #DADFEE; box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1); border-radius: 6px; display: flex; align-items: flex-start; padding: 25px 30px; background: #fff; margin-bottom: 20px; } .services-details-list-two .list-wrap li:last-child { margin-bottom: 0; } .services-details-list-two .list-wrap li .icon { font-size: 35px; line-height: 0; color: #0055ff; flex: 0 0 auto; margin-right: 10px; line-height: 0; } .services-details-list-two .list-wrap li .content .title { font-size: 22px; margin-bottom: 10px; } .services-details-list-two .list-wrap li .content p { margin-bottom: 0; } .sd-inner-wrap-three .col-43 { width: 43%; flex: 0 0 auto; } .sd-inner-wrap-three .col-57 { width: 57%; flex: 0 0 auto; } .sd-inner-wrap-three { margin-bottom: 50px; margin-top: 40px; } .sd-inner-wrap-four .row .col-55 { width: 55%; flex: 0 0 auto; } .sd-inner-wrap-four .row .col-45 { width: 45%; flex: 0 0 auto; } .sd-inner-wrap-four .thumb img { border-radius: 10px; } .sd-inner-wrap-four .content .list-wrap li { display: flex; align-items: flex-start; font-weight: 600; font-size: 18px; line-height: 1.3; text-transform: capitalize; font-family: var(--tg-heading-font-family); margin-bottom: 15px; } .sd-inner-wrap-four .content .list-wrap li:last-child { margin-bottom: 0; } .sd-inner-wrap-four .content .list-wrap li img { margin-right: 10px; } .sd-inner-wrap-four { margin-bottom: 40px; } .services-details-list-three .list-wrap { display: flex; align-items: center; gap: 25px; } .services-details-list-three .list-wrap li { display: flex; align-items: flex-start; border: 1px solid #DADFEE; box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1); border-radius: 10px; background: #fff; padding: 25px 30px; } .services-details-list-three .list-wrap li .icon { font-size: 50px; line-height: 0; color: #0055ff; margin-right: 15px; } .services-details-list-three .list-wrap li .content .title { font-size: 22px; margin-bottom: 10px; } .services-details-list-three .list-wrap li .content p { margin-bottom: 0; } .services-details-list-three { margin-bottom: 30px; } .services-details-thumb-two { margin-bottom: 20px; margin-top: 25px; } .services-details-thumb-two img { border-radius: 10px; } .speed-optimized-wrap { margin-top: 50px; margin-bottom: 45px; } .speed-optimized-wrap p { margin-bottom: 0; } .sd-inner-wrap-five .row .col-50 { width: 50%; flex: 0 0 auto; } .sd-inner-wrap-five .left-side-content { margin-right: 30px; } .sd-inner-wrap-five .left-side-content p { margin-bottom: 0; } .sd-inner-wrap-five .right-side-content p { margin-bottom: 15px; } .sd-inner-wrap-five .right-side-content .list-wrap li { display: flex; align-items: flex-start; line-height: 1.3; font-weight: 600; font-size: 18px; color: var(--tg-secondary-color); font-family: var(--tg-heading-font-family); margin-bottom: 15px; } .sd-inner-wrap-five .right-side-content .list-wrap li:last-child { margin-bottom: 0; } .sd-inner-wrap-five .right-side-content .list-wrap li img { margin-right: 10px; } /* services-sidebar */ .services-sidebar { padding-right: 20px; } .services-cat-list .list-wrap li { margin-bottom: 10px; } .services-cat-list .list-wrap li:last-child { margin-bottom: 0; } .services-cat-list .list-wrap li a { border: 1px solid #E0E6F2; border-radius: 5px; display: flex; align-items: center; justify-content: space-between; padding: 15px 22px; background: #fff; font-weight: 600; /* font-size: 18px; */ font-size: 16px; font-family: var(--tg-heading-font-family); color: var(--tg-secondary-color); text-transform: capitalize; } .services-cat-list .list-wrap li a i { margin-left: 10px; font-size: 22px; line-height: 0; color: var(--tg-gray-four); transition: all 0.3s ease-out 0s; } .services-cat-list .list-wrap li.active a, .services-cat-list .list-wrap li a:hover { background: #0055ff; color: #fff; border-color: #0055ff; } .services-cat-list .list-wrap li.active a i, .services-cat-list .list-wrap li a:hover i { color: #fff; } .services-widget { background: var(--tg-section-background); border-radius: 10px; padding: 30px 30px 35px; margin-bottom: 30px; } .services-widget:last-child { margin-bottom: 0; } .services-widget .sw-title { margin-bottom: 15px; position: relative; font-size: 24px; text-transform: capitalize; padding-bottom: 10px; } .services-widget .sw-title::before { content: ""; position: absolute; left: 0; bottom: 0; width: 30px; height: 4px; background: #0055ff; border-radius: 4px; } .services-brochure-wrap p { margin-bottom: 15px; } .services-brochure-wrap .download-btn { display: flex; align-items: center; font-weight: 500; font-size: 14px; color: var(--tg-secondary-color); border: 1px solid #E0E6F2; border-radius: 5px; background: #fff; padding: 13px 20px; margin-bottom: 10px; } .services-brochure-wrap .download-btn i { font-size: 16px; color: #0055ff; margin-right: 10px; transition: all 0.3s ease-out 0s; } .services-brochure-wrap .download-btn:hover { color: #fff; background: #0055ff; border-color: #0055ff; } .services-brochure-wrap .download-btn:hover i { color: #fff; } .services-brochure-wrap .download-btn:last-child { margin-bottom: 0; } .services-widget-form .form-grp { margin-bottom: 10px; } .services-widget-form .form-grp textarea, .services-widget-form .form-grp input { width: 100%; border: 1px solid #E0E6F2; border-radius: 5px; background: #fff; padding: 13px 16px; font-weight: 500; font-size: 14px; color: var(--tg-paragraph-color); height: 50px; display: block; } .services-widget-form .form-grp textarea::placeholder, .services-widget-form .form-grp input::placeholder { font-weight: 500; font-size: 14px; color: var(--tg-gray-four); } .services-widget-form .form-grp textarea { min-height: 120px; max-height: 120px; } .submit-btn { border: none; background: #0055ff; width: 100%; font-weight: 700; font-size: 16px; color: #fff; text-transform: capitalize; border-radius: 5px; padding: 13px 20px; height: 50px; } .submit-btn:hover { background: var(--tg-secondary-color); } .services-sidebar-contact { background: var(--tg-paragraph-color); text-align: center; } .services-sidebar-contact .title { margin-bottom: 30px; color: #fff; font-size: 22px; } .services-sidebar-contact a { display: inline-flex; align-items: center; justify-content: center; background: #0055ff; border-radius: 6px; color: #fff; font-weight: 600; font-size: 18px; padding: 9px 22px; } .services-sidebar-contact a i { line-height: 0; margin-right: 5px; } .services-sidebar-contact a:hover { background: var(--tg-secondary-color); } .services-cat-list-two .list-wrap li a { position: relative; z-index: 1; background: #F8F8FA; } .services-cat-list-two .list-wrap li a::before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 3px; height: 30px; border-radius: 3px; background: #0055ff; z-index: -1; } /* services-sidebar */ .services-sidebar { padding-right: 20px; } .services-cat-list .list-wrap li { margin-bottom: 10px; } .services-cat-list .list-wrap li:last-child { margin-bottom: 0; } .services-cat-list .list-wrap li a { border: 1px solid #E0E6F2; border-radius: 5px; display: flex; align-items: center; justify-content: space-between; /* padding: 15px 22px; */ padding: 6px 9px; background: #fff; font-weight: 600; font-size: 18px; font-family: var(--tg-heading-font-family); color: var(--tg-secondary-color); text-transform: capitalize; } .services-cat-list .list-wrap li a i { margin-left: 10px; font-size: 22px; line-height: 0; color: var(--tg-gray-four); transition: all 0.3s ease-out 0s; } /* .services-cat-list .list-wrap li.active a, .services-cat-list .list-wrap li a:hover { background: #0055ff; color: #fff; border-color: #0055ff; } */ .services-cat-list .list-wrap li.active a, .services-cat-list .list-wrap li a:hover { background: #0055ff; color: #fff; border-color: #0055ff; } .services-cat-list .list-wrap li.active a i, .services-cat-list .list-wrap li a:hover i { color: #fff; } .services-widget { background: var(--tg-section-background); border-radius: 10px; padding: 30px 30px 35px; margin-bottom: 30px; } .services-widget:last-child { margin-bottom: 0; } .services-widget .sw-title { margin-bottom: 15px; position: relative; font-size: 24px; text-transform: capitalize; padding-bottom: 10px; } .services-widget .sw-title::before { content: ""; position: absolute; left: 0; bottom: 0; width: 30px; height: 4px; background: #0055ff; border-radius: 4px; } .services-brochure-wrap p { margin-bottom: 15px; } .services-brochure-wrap .download-btn { display: flex; align-items: center; font-weight: 500; font-size: 14px; color: var(--tg-secondary-color); border: 1px solid #E0E6F2; border-radius: 5px; background: #fff; padding: 13px 20px; margin-bottom: 10px; } .services-brochure-wrap .download-btn i { font-size: 16px; color: #0055ff; margin-right: 10px; transition: all 0.3s ease-out 0s; } .services-brochure-wrap .download-btn:hover { color: #fff; background: #0055ff; border-color: #0055ff; } .services-brochure-wrap .download-btn:hover i { color: #fff; } .services-brochure-wrap .download-btn:last-child { margin-bottom: 0; } .services-widget-form .form-grp { margin-bottom: 10px; } .services-widget-form .form-grp textarea, .services-widget-form .form-grp input { width: 100%; border: 1px solid #E0E6F2; border-radius: 5px; background: #fff; padding: 13px 16px; font-weight: 500; font-size: 14px; color: var(--tg-paragraph-color); height: 50px; display: block; } .services-widget-form .form-grp textarea::placeholder, .services-widget-form .form-grp input::placeholder { font-weight: 500; font-size: 14px; color: var(--tg-gray-four); } .services-widget-form .form-grp textarea { min-height: 120px; max-height: 120px; } .submit-btn { border: none; background: #0055ff; width: 100%; font-weight: 700; font-size: 16px; color: #fff; text-transform: capitalize; border-radius: 5px; padding: 13px 20px; height: 50px; } .submit-btn:hover { background: var(--tg-secondary-color); } .services-sidebar-contact { background: var(--tg-paragraph-color); text-align: center; } .services-sidebar-contact .title { margin-bottom: 30px; color: #fff; font-size: 22px; } .services-sidebar-contact a { display: inline-flex; align-items: center; justify-content: center; background: #0055ff; border-radius: 6px; color: #fff; font-weight: 600; font-size: 18px; padding: 9px 22px; } .services-sidebar-contact a i { line-height: 0; margin-right: 5px; } .services-sidebar-contact a:hover { background: var(--tg-secondary-color); } .services-cat-list-two .list-wrap li a { position: relative; z-index: 1; background: #F8F8FA; } .services-cat-list-two .list-wrap li a::before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 3px; height: 30px; border-radius: 3px; background: #0055ff; z-index: -1; } .sw-title { margin-bottom: 15px; position: relative; font-size: 20px; text-transform: capitalize; padding-bottom: 10px; background: #222974; color: #fff; padding: 11px; } .sw-title::before { content: ""; position: absolute; left: 0; bottom: 0; /* width: 30px; */ /* width: 85%; */ height: 4px; background: #0055ff; border-radius: 4px; } /* .services-sidebar { padding-right: 20px; border: 1px solid #000; margin: 0px -5px 1px -4px; margin-top: 34px; } */ /* Journals inner page end */ /* blog Details */ .blog-details-wrap .row .col-71 { width: 71%; flex: 0 0 auto; } .blog-details-wrap .row .col-29 { width: 29%; flex: 0 0 auto; } .blog-details-thumb { margin-bottom: 30px; } .blog-details-thumb img { border-radius: 10px; } .blog-details-content > .title { /* font-size: 36px; */ margin-bottom: 20px; text-transform: capitalize; } .blog-meta-three .list-wrap { display: flex; align-items: center; flex-wrap: wrap; gap: 20px; margin-bottom: 25px; } .blog-meta-three .list-wrap li { display: flex; align-items: center; font-weight: 600; font-size: 16px; color: var(--tg-paragraph-color); gap: 5px; } .blog-meta-three .list-wrap li i { line-height: 0; color: var(--tg-primary-color); font-size: 20px; margin-right: 5px; } .blog-meta-three .list-wrap li img { border-radius: 50%; margin-right: 5px; } .blog-meta-three .list-wrap li a { color: var(--tg-paragraph-color); } .blog-meta-three .list-wrap li a:hover { color: var(--tg-primary-color); } .blog-details-content > p { margin-bottom: 15px; } .blog-details-content blockquote { margin: 50px 50px 60px; background: var(--tg-section-background); padding: 50px 120px 50px 50px; position: relative; z-index: 1; } .blog-details-content blockquote::before { content: ""; position: absolute; left: 0; top: 0; width: 6px; height: 100%; background: var(--tg-primary-color); } .blog-details-content blockquote::after { content: "\f10e"; font-weight: 700; font-size: 52px; color: #E2E5F7; line-height: 1; font-family: "Font Awesome 5 Free"; position: absolute; right: 33px; top: 27px; z-index: -1; } .blog-details-content blockquote p { margin-bottom: 0; font-style: italic; font-weight: 500; font-size: 20px; font-family: var(--tg-heading-font-family); } .blog-details-content .title-two { /* font-size: 30px; */ font-size: 20px; margin-bottom: 20px; text-transform: capitalize; } .bd-inner-wrap { margin: 35px 0; } .bd-inner-wrap .row .col-46 { width: 46%; flex: 0 0 auto; } .bd-inner-wrap .row .col-54 { width: 54%; flex: 0 0 auto; } .bd-inner-wrap .thumb { position: relative; } .bd-inner-wrap .thumb img { width: 100%; border-radius: 10px; } .bd-inner-wrap .thumb .play-btn { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 62px; height: 62px; display: flex; align-items: center; justify-content: center; background: var(--tg-white); border-radius: 50%; } .bd-inner-wrap .thumb .play-btn::after { content: ""; position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; border: 1px solid var(--tg-white); border-radius: 50%; transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); animation: pulse-border 1500ms ease-out infinite; } .bd-inner-wrap .content p { margin-bottom: 15px; } .bd-inner-wrap .content .list-wrap li { display: flex; align-items: flex-start; font-weight: 600; font-size: 18px; font-family: var(--tg-heading-font-family); color: var(--tg-secondary-color); line-height: 1.3; margin-bottom: 15px; } .bd-inner-wrap .content .list-wrap li:last-child { margin-bottom: 0; } .bd-inner-wrap .content .list-wrap li img { margin-right: 10px; } .bd-content-bottom { border-top: 1px solid #E7E7E7; border-bottom: 1px solid #E7E7E7; padding: 15px 0; margin-top: 40px; margin-bottom: 70px; } .bd-content-bottom .post-tags { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; } .bd-content-bottom .post-tags .title { margin-bottom: 0; font-size: 16px; color: var(--tg-paragraph-color); } .bd-content-bottom .post-tags .list-wrap { display: flex; align-items: center; gap: 5px; } .bd-content-bottom .post-tags .list-wrap li a { background: var(--tg-lavender); padding: 9px 22px; display: block; border-radius: 4px; } .bd-content-bottom .post-tags .list-wrap li a:hover { background: var(--tg-primary-color); color: var(--tg-white); } .bd-content-bottom .blog-post-share { display: flex; align-items: center; justify-content: flex-end; gap: 10px; } .bd-content-bottom .blog-post-share .title { margin-bottom: 0; font-size: 16px; color: var(--tg-paragraph-color); } .bd-content-bottom .blog-post-share .list-wrap { display: flex; align-items: center; gap: 12px; } .bd-content-bottom .blog-post-share .list-wrap li a { color: var(--tg-gray-four); } .bd-content-bottom .blog-post-share .list-wrap li a:hover { color: var(--tg-primary-color); } .blog-avatar-wrap { border: 1px solid #E6EEFF; border-radius: 6px; display: flex; align-items: flex-start; padding: 42px 42px; background: var(--tg-section-background); } .blog-avatar-img { width: 115px; flex: 0 0 auto; margin-right: 30px; } .blog-avatar-img img { border-radius: 50%; } .blog-avatar-info .designation { display: block; font-weight: 500; font-size: 15px; color: var(--tg-primary-color); line-height: 1; margin-bottom: 10px; } .blog-avatar-info .name { margin-bottom: 10px; font-size: 20px; } .blog-avatar-info p { margin-bottom: 0; } .latest-comments { margin-bottom: 80px; } .comments-wrap-title { font-size: 24px; margin-bottom: 25px; } .comments-box { display: flex; align-items: flex-start; border-bottom: 1px solid #D6DCE9; padding-bottom: 30px; margin-bottom: 35px; } .latest-comments .children { margin: 0 0 0 45px; padding: 0; } .comments-avatar { width: 115px; flex: 0 0 auto; margin-right: 25px; } .comments-avatar img { border-radius: 50%; } .comments-text .avatar-name { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; } .comments-text .avatar-name .name { margin-bottom: 0; font-size: 20px; font-weight: 600; } .comments-text .avatar-name span { font-weight: 500; font-size: 15px; display: block; color: var(--tg-primary-color); } .comments-text p { margin-bottom: 15px; } .comments-text .reply-btn { background: var(--tg-lavender); font-weight: 500; font-size: 14px; display: inline-block; padding: 6px 17px; text-transform: uppercase; border-radius: 5px; } .comments-text .reply-btn:hover { background: var(--tg-primary-color); color: var(--tg-white); } .comment-respond { border: 1px solid #B3CCFF; border-radius: 8px; padding: 35px 40px 50px; background: var(--tg-section-background); } .comment-reply-title { font-size: 24px; margin-bottom: 10px; } .comment-form .comment-notes { margin-bottom: 15px; } .comment-form .form-grp { margin-bottom: 15px; } .comment-form .form-grp textarea, .comment-form .form-grp input { width: 100%; border: 1px solid var(--tg-lavender); background: var(--tg-white); font-weight: 400; font-size: 15px; color: var(--tg-paragraph-color); padding: 12px 15px; height: 50px; display: block; border-radius: 5px; } .comment-form .form-grp textarea::placeholder, .comment-form .form-grp input::placeholder { font-weight: 400; font-size: 15px; color: var(--tg-gray-four); } .comment-form .form-grp textarea { min-height: 130px; max-height: 130px; } .comment-form .checkbox-grp { display: flex; align-items: center; margin: 25px 0; } .comment-form .checkbox-grp input { width: 22px; margin-right: 9px; height: 22px; cursor: pointer; } .comment-form .checkbox-grp label { font-weight: 400; font-size: 14px; color: var(--tg-paragraph-color); user-select: none; } .comment-form .submit-btn { width: auto; text-transform: uppercase; border-radius: 30px; letter-spacing: 0.02em; padding: 13px 25px; } .comment-form .row { margin: 0 -10px; } .comment-form .row [class*="col-"] { padding: 0 10px; } /* blog details end */ .slick-slide { margin: 0px 20px; } .slick-slide img { width: 100%; } .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-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* editorial board members carousel */ .slick-slide { margin: 0px 20px; } .customer-logos { overflow: inherit; border-top: 1px solid #353535; border-bottom: 1px solid #353535; } .slick-slide img { width: 100%; } .slick-track::before, .slick-track::after { display: table; content: ''; } .slick-track::after { clear: both; } .slick-track { padding: 1rem 0; } .slick-loading .slick-track { visibility: hidden; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-loading .slick-slide { visibility: hidden; } .slick-arrow { position: absolute; top: 50%; background: url(https://raw.githubusercontent.com/solodev/infinite-logo-carousel/master/images/arrow.svg?sanitize=true) center no-repeat; color: #fff; filter: invert(77%) sepia(32%) saturate(1%) hue-rotate(344deg) brightness(105%) contrast(103%); border: none; width: 2rem; height: 1.5rem; text-indent: -10000px; margin-top: -16px; z-index: 99; } .slick-arrow.slick-next { right: -40px; transform: rotate(180deg); } .slick-arrow.slick-prev { left: -40px; } /* Media Queries */ @media (max-width: 768px) { .slick-arrow { width: 1rem; height: 1rem; } } .row { overflow: hidden; } /* JsFiddle Example only/don't use */ .customer-logos { margin-top: 32px; } ul { margin: 0; padding: 0; } .lib{ margin-left:1.5em; margin-bottom:0.5em; } .olnum{ margin-left:0em; margin-bottom:0.5em; padding-left:1em; } .ulnum{ margin-left:-1em; margin-bottom:0.5em; list-style-type:disc; padding-left:1em; } .ulnum1{ margin-left:-1em; margin-bottom:0.5em; list-style-type:circle; padding-left:1em; } .ulb{ margin-left:2em; } .editor1 { color: #007ec6; margin-bottom: 0em; font-size: 18px; font-weight: 700; } .ec { margin-bottom: 1em; font-size: 17px; font-weight: normal; } .neditor { color: #007ec6; margin-bottom: 0em; font-size: 18px; font-weight: 700; } .nec { margin-bottom: 1em; font-size: 17px; font-weight: normal; line-height: 150%; } @import url("https://fonts.googleapis.com/css?family=Oswald:300,400,700|Roboto:300,300i,400,400i,500,500i,700,700i"); .heading1{ color: #137cc1; font: 700 21px "Oswald", sans-serif; margin-bottom: .5em; margin-top:1em; padding-bottom:0em; padding:0.1em; padding-left:0.25em; padding-right:0.25em; position:relative; border-bottom:#137cc1 solid 1px; } .heading2{ color: #f37321; font: 700 20px "Oswald", sans-serif; margin-bottom: .5em; margin-top:0.75em; padding-bottom:0em; padding:0.1em; padding-left:0em; padding-right:0em; } .rfont{ font-family:"NexusSerif"; font-size: 20px; line-height: 28px; color: #000; margin: 0; text-align:justify; margin-bottom:0.75em; } .tcaption{ text-align:justify; margin-top:1.5em; margin-bottom:0.5em; font-size:16px; font-family:"Oswald"; color:#000; } .tcaption span{ color:#137cc1; } .td3{ text-align:center; border:#f47321 solid thin; border-collapse:collapse; background-color:#fbb584; } .td3-1{ text-align:center; border:#f47321 solid thin; border-collapse:collapse; background-color: rgba(251, 181, 132, 0.5); } .td4{ text-align:justify; border:#f47321 solid thin; border-collapse:collapse; background-color:#fedec7; } .tdnone{ border-collapse:collapse; border:none; } .heading3{ color: #137cc1; font: 700 18px "Oswald", sans-serif; margin-bottom: .5em; margin-top:0.75em; padding-bottom:0em; padding:0.1em; padding-left:0em; padding-right:0em; font-style:italic; } .rfont1{ font-family:"NexusSerif"; font-size: 18px; line-height: 25px; color: #000; margin: 0; text-align:center; margin-bottom:0.25em; } .nn1{list-style: none;font-family:"NexusSerif"; counter-reset: li; font-size:20px; text-align: justify; } .nn1 li{ counter-increment: li; } .nn1 li::before { font-family:"NexusSerif"; line-height:28px; content: counter(li)"."; /* Add content: \2022 is the CSS Code/unicode for a bullet */ color: #137cc1; /* Change the color */ font-weight: bold; /* If you want it to be bold */ display: inline-block; /* Needed to add space between the bullet and the text */ width: 2em; /* Also needed for space (tweak if needed) */ margin-left: -2em; /* Also needed for space (tweak if needed) */ font-size:20px; } .icaption{ text-align:justify; margin-bottom:1.5em; margin-top:0.5em; font-size:16px; font-family:"Oswald"; color:#000; } .icaption span{ color:#137cc1; } .image{ text-align:center; margin-bottom:0.5em; margin-top:2em; } .blue{ font-family:"NexusSerif"; font-size: 20px; line-height: 28px; color: #137cc1; margin: 0; text-align:justify; margin-bottom:0.75em; font-weight:bold; } .bluea1{ font-family:"NexusSerif"; font-size: 18px; line-height: 28px; color: #137cc1; margin: 0; text-align:justify; margin-bottom:0.25em; font-weight:bold; } .rowfont{ font-family:"NexusSerif"; font-size: 20px; line-height: 28px; color: #000; margin: 0; text-align:justify; margin-bottom:0.75em; } .rowfontan{ font-family:"NexusSerif"; font-size: 18px; line-height: 28px; color: #000; margin: 0; text-align:justify; margin-bottom:0.5em; } td { padding: 0.5em; border: #f47321 solid thin; }.nn{list-style: none;font-family:"NexusSerif"; font-size:20px;} .nn li::before { content: "\2022"; /* Add content: \2022 is the CSS Code/unicode for a bullet */ color: #137cc1; /* Change the color */ font-weight: bold; /* If you want it to be bold */ display: inline-block; /* Needed to add space between the bullet and the text */ width: 1em; /* Also needed for space (tweak if needed) */ margin-left: 1em; /* Also needed for space (tweak if needed) */ font-size:20px; margin-bottom:0.5em; } .nn2{list-style: none;font-family:"NexusSerif"; font-size:20px;} .nn2 li::before { content: "\2013"; /* Add content: \2022 is the CSS Code/unicode for a bullet */ color: #137cc1; /* Change the color */ font-weight: bold; /* If you want it to be bold */ display: inline-block; /* Needed to add space between the bullet and the text */ width: 1em; /* Also needed for space (tweak if needed) */ margin-left: -2em; /* Also needed for space (tweak if needed) */ font-size:20px; } .heading1{ color: #137cc1; font: 700 21px "Oswald", sans-serif; margin-bottom: .5em; margin-top:1em; padding-bottom:0em; padding:0.1em; padding-left:0.25em; padding-right:0.25em; position:relative; border-bottom:#137cc1 solid 1px; } .heading2{ color: #f37321; font: 700 20px "Oswald", sans-serif; margin-bottom: .5em; margin-top:0.75em; padding-bottom:0em; padding:0.1em; padding-left:0em; padding-right:0em; } .rfont{ font-family:"NexusSerif"; font-size: 20px; line-height: 28px; color: #000; margin: 0; text-align:justify; margin-bottom:0.75em; } .rfont1{ font-family:"NexusSerif"; font-size: 18px; line-height: 25px; color: #000; margin: 0; text-align:center; margin-bottom:0.25em; } .rowfont{ font-family:"NexusSerif"; font-size: 20px; line-height: 28px; color: #000; margin: 0; text-align:justify; margin-bottom:0.75em; } .blue{ font-family:"NexusSerif"; font-size: 20px; line-height: 28px; color: #137cc1; margin: 0; text-align:justify; margin-bottom:0.75em; font-weight:bold; } .nn1{list-style: none;font-family:"NexusSerif"; counter-reset: li; font-size:20px; text-align: justify; } .nn1 li{ counter-increment: li; margin-bottom: 0.25em; } .nn1 li::before { font-family:"NexusSerif"; line-height:28px; content: counter(li)"."; /* Add content: \2022 is the CSS Code/unicode for a bullet */ color: #137cc1; /* Change the color */ font-weight: bold; /* If you want it to be bold */ display: inline-block; /* Needed to add space between the bullet and the text */ width: 2em; /* Also needed for space (tweak if needed) */ margin-left: -2em; /* Also needed for space (tweak if needed) */ font-size:20px; } .td1{ text-align:center; border:#000 solid thin; border-collapse:collapse; } .td2{ text-align:justify; border:#000 solid thin; border-collapse:collapse; } table{ border-collapse: collapse; } .image{ text-align:center; margin-bottom:0.5em; margin-top:2em; } .icaption{ text-align:justify; margin-bottom:1.5em; margin-top:0.5em; font-size:16px; font-family:"Oswald"; color:#000; } .icaption span{ color:#137cc1; } .tcaption{ text-align:justify; margin-top:1.5em; margin-bottom:0.5em; font-size:16px; font-family:"Oswald"; color:#000; } .tcaption span{ color:#137cc1; } .rfontl1{ font-family:"NexusSerif"; font-size: 18px; line-height: 25px; color: #000; margin: 0; text-align:left; margin-bottom:0.25em; } .rf1{ font-family:"NexusSerif"; font-size: 18px; line-height: 25px; color: #000; margin: 0; text-align:justify; margin-bottom:1em; } td{ padding:0.5em; border:#f47321 solid thin; } .td1{ text-align:center; border:#f47321 solid thin; border-collapse:collapse; } .td2{ text-align:justify; border:#f47321 solid thin; border-collapse:collapse; } .td3{ text-align:center; border:#f47321 solid thin; border-collapse:collapse; background-color:#fbb584; } .td3-1{ text-align:center; border:#f47321 solid thin; border-collapse:collapse; background-color: rgba(251, 181, 132, 0.5); } .td4{ text-align:justify; border:#f47321 solid thin; border-collapse:collapse; background-color:#fedec7; } .tdnone{ border-collapse:collapse; border:none; } .heading3{ color: #137cc1; font: 700 18px "Oswald", sans-serif; margin-bottom: .5em; margin-top:0.75em; padding-bottom:0em; padding:0.1em; padding-left:0em; padding-right:0em; font-style:italic; } .nar1 span{ color:#000; list-style: none; font-family: "NexusSerif"; font-size: 20px; } .nar1 { color: #137cc1; } .nar2 span{ color:#000; list-style: none; font-family: "NexusSerif"; font-size: 20px; } .nar2{ color: #137cc1; text-align:left; font-family: "NexusSerif"; font-size: 20px; } .rfontr1{ font-family:"NexusSerif"; font-size: 18px; line-height: 25px; color: #000; margin: 0; text-align:right; margin-bottom:0.25em; } .nar1 span{ color:#000; list-style: none; font-family: "NexusSerif"; font-size: 20px; } .nar1 { color: #137cc1; } .nar2 span{ color:#000; list-style: none; font-family: "NexusSerif"; font-size: 20px; } .nar2{ color: #137cc1; text-align:left; font-family: "NexusSerif"; font-size: 20px; } .rfonti{ font-family:"NexusSerif"; font-size: 20px; line-height: 28px; color: #000; margin: 0; text-align:justify; margin-bottom:0.75em; text-indent:1em; } .rfonttt{ font-family:"NexusSerif"; font-size: 18px; line-height: 28px; color: #000; margin: 0; text-align:left; margin-bottom:0.75em; text-indent:0em; } .nn{list-style: none;font-family:"NexusSerif"; font-size:20px; } .nn li{ margin-left:2em; text-indent:-1em; margin-bottom:0.25em; line-height:normal; } .nn li::before { content: "\2022"; /* Add content: \2022 is the CSS Code/unicode for a bullet */ color: #137cc1; /* Change the color */ font-weight: bold; /* If you want it to be bold */ display: inline-block; /* Needed to add space between the bullet and the text */ width: 1em; /* Also needed for space (tweak if needed) */ margin-left: 0em; /* Also needed for space (tweak if needed) */ font-size:20px; } .nn3{list-style: none;font-family:"NexusSerif"; counter-reset: li; font-size:20px; text-align: justify; } .nn3 li{ counter-increment: li; } .nn3 li::before { font-family:"NexusSerif"; line-height:28px; content: counter(li, lower-alpha)"."; /* Add content: \2022 is the CSS Code/unicode for a bullet */ color: #137cc1; /* Change the color */ font-weight: bold; /* If you want it to be bold */ display: inline-block; /* Needed to add space between the bullet and the text */ width: 2em; /* Also needed for space (tweak if needed) */ margin-left: -2em; /* Also needed for space (tweak if needed) */ font-size:20px; } .nn4{list-style: none;font-family:"NexusSerif"; counter-reset: li; font-size:20px; text-align: justify; } .nn4 li{ counter-increment: li; } .nn4 li::before { font-family:"NexusSerif"; line-height:28px; content: counter(li)"."; /* Add content: \2022 is the CSS Code/unicode for a bullet */ color: #137cc1; /* Change the color */ font-weight: bold; /* If you want it to be bold */ display: inline-block; /* Needed to add space between the bullet and the text */ width: 2em; /* Also needed for space (tweak if needed) */ margin-left: -2em; /* Also needed for space (tweak if needed) */ font-size:20px; } .nn5{font-family:"NexusSerif"; font-size:20px; text-align: justify; }