File: /mnt/data/smarthr-co-in/wp-content/themes/dreamslanding/assets/css/style.css
@charset "UTF-8";
/****** Utils ******/
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Manrope:[email protected]&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
.header .header-navbar-rht .nav-item .header-reg, .header .header-navbar-rht .nav-item .header-login:hover, .header .header-navbar-rht .nav-item .header-login {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
/******* Base *******/
body {
font-family: "Inter", sans-serif;
font-size: 16px;
color: #000000;
line-height: 1.5;
background-color: #ffffff;
overflow-y: auto;
overflow-x: hidden;
}
@media (max-width: 767.98px) {
body {
font-size: 14px;
}
}
::selection {
background: #1B3D74;
color: #ffffff;
text-shadow: none;
}
img {
max-width: 100%;
height: auto;
vertical-align: inherit;
}
* {
outline: none;
}
button {
-webkit-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
button:focus {
box-shadow: none !important;
}
a {
color: #1B3D74;
cursor: pointer;
text-decoration: none;
-webkit-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
a:hover {
color: rgb(17.3706293706, 39.2447552448, 74.6293706294);
-webkit-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
a:focus {
outline: 0;
}
p {
margin-bottom: 20px;
}
p:last-child {
margin-bottom: 0;
}
strong {
font-weight: 700;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
font-weight: 600;
color: #000000;
margin-bottom: 0;
}
ol, ul {
list-style: none;
margin-block-end: 0;
padding: 0;
}
ul {
list-style: none;
}
ul.list-disc {
list-style: disc;
padding-left: 15px;
}
ul.list-disc ul {
list-style-type: circle;
}
ul.list-decimal {
list-style: decimal;
padding-left: 15px;
}
ul.list-decimal ul {
list-style-type: decimal;
}
ul.list-icon {
list-style: none;
padding-left: 0;
}
ul.list-icon > li {
padding-left: 1.875rem;
counter-increment: li;
}
ul.list-icon > li i,
ul.list-icon > li .feather-icon,
ul.list-icon > li .svg-icon {
display: inline-block;
height: 20px;
width: 20px;
text-align: center;
margin-left: -1.25rem;
position: relative;
left: -10px;
padding: 1px;
top: -1px;
}
ul.list-icon > li i {
font-size: 20px;
top: 5px;
}
ul .btn-primary:not(:disabled):not(.disabled):active:focus, ul .btn-primary:not(:disabled):not(.disabled).active:focus {
box-shadow: none;
}
.form-group {
margin-bottom: 24px;
}
.form-wrap {
margin-bottom: 24px;
}
label {
font-size: 14px;
display: inline-block;
margin-bottom: 5px;
color: #000000;
}
.form-control {
border: 1px solid #E4E8EB;
box-shadow: none;
background: #ffffff;
border-radius: 6px;
color: #000000;
font-size: 14px;
padding: 10px 15px;
height: 40px;
transition: all 0.5s;
}
.form-control:focus {
border-color: #1B3D74;
box-shadow: none;
outline: 0 none;
}
.form-control:focus {
border: 1px solid #1B3D74;
}
.form-control.form-control-sm {
height: calc(1.5em + 0.5rem + 2px);
}
.form-control-sm {
background-color: #fff;
}
.form-control.form-control-lg {
height: calc(1.5em + 1rem + 2px);
}
.form-control::placeholder {
font-size: 14px;
color: #99A2A8;
}
input, input:focus,
button, button:focus {
outline: none;
}
input[type=file] {
height: auto;
min-height: calc(1.5em + 0.75rem + 2px);
}
input[type=text],
input[type=password] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
textarea.form-control {
resize: none;
min-height: 100px;
}
/******* Components ******/
.avatar {
position: relative;
height: 2.625rem;
width: 2.625rem;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 6px;
color: #ffffff;
font-weight: 500;
}
.avatar a.badge:hover {
color: #ffffff;
}
.avatar img {
width: 100%;
height: 100%;
border-radius: 6px;
}
.avatar.avatar-rounded {
border-radius: 50%;
}
.avatar.avatar-rounded img {
border-radius: 50%;
}
.avatar.avatar-radius-0 {
border-radius: 0;
}
.avatar.avatar-radius-0 img {
border-radius: 0;
}
.avatar .avatar-badge {
position: absolute;
inset-block-start: -4%;
inset-inline-end: -0.375rem;
width: 1.4rem;
height: 1.4rem;
font-size: 0.625rem;
border: 2px solid #ffffff;
border-radius: 50% !important;
display: flex;
align-items: center;
justify-content: center;
}
.avatar.online:before, .avatar.offline:before {
position: absolute;
content: "";
width: 0.5rem;
height: 0.5rem;
border-radius: 50%;
inset-inline-end: 0;
inset-block-end: 0;
border: 2px solid #ffffff !important;
z-index: 1;
}
.avatar.online:before {
background-color: #71DE71;
}
.avatar.offline:before {
background-color: #000;
}
.avatar.avatar-xs {
width: 1.25rem;
height: 1.25rem;
line-height: 1.25rem;
font-size: 0.65rem;
}
.avatar.avatar-xs .avatar-badge {
padding: 0.25rem;
width: 1rem;
height: 1rem;
line-height: 1rem;
font-size: 0.5rem;
inset-block-start: -25%;
inset-inline-end: -0.5rem;
}
.avatar.avatar-sm {
width: 30px;
height: 30px;
line-height: 30px;
font-size: 0.65rem;
}
.avatar.avatar-sm .avatar-badge {
padding: 0.3rem;
width: 1.1rem;
height: 1.1rem;
line-height: 1.1rem;
font-size: 0.5rem;
inset-block-start: -28%;
inset-inline-end: -0.45rem;
}
.avatar.avatar-sm.online:before, .avatar.avatar-sm.offline:before {
width: 0.5rem;
height: 0.5rem;
}
.avatar.avatar-md {
width: 2.5rem;
height: 2.5rem;
line-height: 2.5rem;
font-size: 0.8rem;
}
.avatar.avatar-md .avatar-badge {
padding: 0.4rem;
width: 1.2rem;
height: 1.2rem;
line-height: 1.2rem;
font-size: 0.65rem;
inset-block-start: -6%;
inset-inline-end: -13%;
}
.avatar.avatar-md.online:before, .avatar.avatar-md.offline:before {
width: 0.75rem;
height: 0.75rem;
}
.avatar.avatar-md svg {
width: 1.5rem;
height: 1.5rem;
}
.avatar.avatar-lg {
width: 3rem;
height: 3rem;
line-height: 3rem;
font-size: 1rem;
}
.avatar.avatar-lg .avatar-badge {
inset-block-start: -15%;
inset-inline-end: -0.25%;
}
.avatar.avatar-lg.online:before, .avatar.avatar-lg.offline:before {
width: 0.8rem;
height: 0.8rem;
}
.avatar.avatar-lg svg {
width: 1.8rem;
height: 1.8rem;
}
.avatar.avatar-xl {
width: 4rem;
height: 4rem;
line-height: 4rem;
font-size: 1.25rem;
}
.avatar.avatar-xl .avatar-badge {
inset-block-start: -8%;
inset-inline-end: -0.2%;
}
.avatar.avatar-xl.online:before, .avatar.avatar-xl.offline:before {
width: 0.95rem;
height: 0.95rem;
}
.avatar.avatar-xxl {
width: 5rem;
height: 5rem;
line-height: 5rem;
font-size: 1.5rem;
}
.avatar.avatar-xxl .avatar-badge {
inset-block-start: -4%;
inset-inline-end: 0rem;
}
.avatar.avatar-xxl.online:before, .avatar.avatar-xxl.offline:before {
width: 1.05rem;
height: 1.05rem;
inset-block-end: 0.25rem;
}
.avatar.avatar-xxxl {
width: 6rem;
height: 6rem;
line-height: 6rem;
font-size: 1.75rem;
}
.avatar.avatar-xxxl .avatar-badge {
inset-block-start: -4%;
inset-inline-end: 0rem;
}
.avatar.avatar-xxxl.online:before, .avatar.avatar-xxxl.offline:before {
width: 1.05rem;
height: 1.05rem;
inset-block-end: 0.25rem;
}
.avatar-list-stacked {
padding: 0;
}
.avatar-list-stacked.avatar-group-overlapped .avatar {
margin-right: -0.875rem;
}
.avatar-list-stacked.avatar-group-overlapped .avatar:hover {
z-index: 1;
}
.avatar-list-stacked.avatar-group-lg .avatar {
width: 3.25rem;
height: 3.25rem;
}
.avatar-list-stacked.avatar-group-lg .avatar > .initial-wrap {
font-size: 0.95rem;
}
.avatar-list-stacked.avatar-group-lg.avatar-group-overlapped .avatar {
margin-right: -1rem;
}
.avatar-list-stacked.avatar-group-sm .avatar {
width: 2rem;
height: 2rem;
}
.avatar-list-stacked.avatar-group-sm .avatar > .initial-wrap {
font-size: 0.6rem;
}
.avatar-list-stacked.avatar-group-sm.avatar-group-overlapped .avatar {
margin-right: -0.625rem;
}
.avatar-list-stacked .avatar {
margin-inline-end: -0.875rem !important;
border: 1px solid rgba(0, 0, 0, 0.05);
vertical-align: middle;
transition: transform ease 200ms;
}
.avatar-list-stacked .avatar:last-child {
margin-inline-end: 0 !important;
}
.avatar-list-stacked .avatar:hover {
z-index: 1;
transform: translateY(-0.188rem);
}
.avatar-group {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.avatar-group .avatar {
width: 2.625rem;
height: 2.625rem;
}
.avatar-group .avatar .avatar-img,
.avatar-group .avatar > .initial-wrap {
border: 2px solid #E4E8EB;
font-size: 0.9rem;
}
.avatar-group.avatar-group-overlapped .avatar {
margin-right: -0.875rem;
}
.avatar-group.avatar-group-overlapped .avatar:hover {
z-index: 1;
}
.avatar-group.avatar-group-lg .avatar {
width: 3.25rem;
height: 3.25rem;
}
.avatar-group.avatar-group-lg .avatar > .initial-wrap {
font-size: 0.95rem;
}
.avatar-group.avatar-group-lg.avatar-group-overlapped .avatar {
margin-right: -1rem;
}
.avatar-group.avatar-group-sm .avatar {
width: 2rem;
height: 2rem;
}
.avatar-group.avatar-group-sm .avatar > .initial-wrap {
font-size: 0.6rem;
}
.avatar-group.avatar-group-sm.avatar-group-overlapped .avatar {
margin-right: -0.625rem;
}
.avatar-group .avatar + .avatar {
margin-left: -0.75rem;
}
.avatar-group .avatar:hover {
z-index: 1;
}
.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
background-color: #FF9900;
text-shadow: unset;
}
.bootstrap-datetimepicker-widget table td.today:before {
border-bottom-color: #FF9900;
}
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
background: transparent;
}
.bor-b1 {
border-bottom: 1px solid #000;
}
.btn-primary {
font-size: 15px;
font-weight: 500;
color: #ffffff;
padding: 10px 20px;
min-height: 46px;
border: 1px solid #1B3D74;
border-radius: 100px;
background: #1B3D74;
moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
justify-content: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
}
@media (max-width: 767.98px) {
.btn-primary {
font-size: 14px;
padding: 8px 15px;
}
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.active,
.btn-primary:active,
.open > .dropdown-toggle.btn-primary {
border: 1px solid #0E82FD;
background: #0E82FD;
moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary.focus:active,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open > .dropdown-toggle.btn-primary.focus,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary:hover {
background-color: #0E82FD;
border: 1px solid #0E82FD;
}
.btn-primary.active:focus:not(:disabled):not(.disabled),
.btn-primary:active:focus:not(:disabled):not(.disabled),
.show > .btn-primary.dropdown-toggle:focus {
box-shadow: unset;
}
.btn-secondary {
font-size: 15px;
font-weight: 500;
color: #ffffff;
padding: 10px 20px;
min-height: 46px;
border: 1px solid #0E82FD;
border-radius: 100px;
background: #0E82FD;
moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
justify-content: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
}
@media (max-width: 767.98px) {
.btn-secondary {
font-size: 14px;
padding: 8px 15px;
}
}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary.active,
.btn-secondary:active,
.open > .dropdown-toggle.btn-secondary {
border: 1px solid rgb(1.7777777778, 104.8888888889, 214.2222222222);
background: rgb(1.7777777778, 104.8888888889, 214.2222222222);
moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.btn-secondary.active.focus,
.btn-secondary.active:focus,
.btn-secondary.active:hover,
.btn-secondary.focus:active,
.btn-secondary:active:focus,
.btn-secondary:active:hover,
.open > .dropdown-toggle.btn-secondary.focus,
.open > .dropdown-toggle.btn-secondary:focus,
.open > .dropdown-toggle.btn-secondary:hover {
background-color: rgb(1.7777777778, 104.8888888889, 214.2222222222);
border: 1px solid rgb(1.7777777778, 104.8888888889, 214.2222222222);
}
.btn-secondary.active:focus:not(:disabled):not(.disabled),
.btn-secondary:active:focus:not(:disabled):not(.disabled),
.show > .btn-secondary.dropdown-toggle:focus {
box-shadow: unset;
}
.btn-light {
font-size: 15px;
font-weight: 500;
color: #000000;
padding: 10px 20px;
min-height: 46px;
border-radius: 100px;
border: 1px solid #000000;
background: #ffffff;
moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
justify-content: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
}
@media (max-width: 767.98px) {
.btn-light {
font-size: 14px;
padding: 8px 15px;
}
}
.btn-light:hover,
.btn-light:focus,
.btn-light.active,
.btn-light:active,
.open > .dropdown-toggle.btn-light {
color: #ffffff;
border: 1px solid #0E82FD;
background: #0E82FD;
moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.btn-light.active.focus,
.btn-light.active:focus,
.btn-light.active:hover,
.btn-light.focus:active,
.btn-light:active:focus,
.btn-light:active:hover,
.open > .dropdown-toggle.btn-light.focus,
.open > .dropdown-toggle.btn-light:focus,
.open > .dropdown-toggle.btn-light:hover {
color: #ffffff;
background-color: #0E82FD;
border: 1px solid #0E82FD;
}
.btn-light.active:focus:not(:disabled):not(.disabled),
.btn-light:active:focus:not(:disabled):not(.disabled),
.show > .btn-light.dropdown-toggle:focus {
box-shadow: unset;
}
.select2-container--default .select2-selection--single {
height: 40px !important;
border: 1px solid #E4E8EB !important;
padding: 5px 10px !important;
border-radius: 6px !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #1B3D74 !important;
color: #ffffff !important;
}
.btn-hvr, .link-hvr {
overflow: hidden;
z-index: 1;
transition: all 0.3s ease 0s;
position: relative;
}
.btn-hvr::after, .link-hvr::after {
content: "";
display: block;
width: 150px;
height: 48px;
border-radius: 50%;
background: #0E82FD;
position: absolute;
top: 50%;
left: 50%;
z-index: -1;
transform: translate(-50%, -50%) scale(0);
transition: all 0.5s ease 0s;
}
.btn-hvr:hover::after, .link-hvr:hover::after {
transform: translate(-50%, -50%) scale(5);
background: rgba(0, 0, 0, 0.2);
}
.link-tag {
background-color: #1B3D74;
height: 44px;
color: #ffffff;
font-size: 14px;
font-weight: 600;
padding: 0 25px;
transition: all 0.7s ease 0s;
line-height: 44px;
}
.link-tag:hover {
background-color: #0E82FD;
color: #ffffff;
}
@media (max-width: 575.98px) {
.link-tag {
width: 49%;
}
}
.link-hvr {
overflow: hidden;
z-index: 1;
transition: all 0.3s ease 0s;
position: relative;
}
.link-hvr::after {
content: "";
display: block;
width: 80px;
height: 48px;
border-radius: 50%;
background: #1B3D74;
position: absolute;
top: 50%;
left: 50%;
z-index: -1;
transform: translate(-50%, -50%) scale(0);
transition: all 0.5s ease 0s;
}
.link-hvr:hover::after {
transform: translate(-50%, -50%) scale(5);
background: rgba(0, 0, 0, 0.2);
}
.table {
width: 100%;
color: #000000;
border: 1px solid #E4E8EB;
margin-bottom: 0;
}
.table > tbody > tr > th {
border-top: 0;
padding: 10px;
}
.table.dataTable {
margin: 0 !important;
border-collapse: collapse !important;
}
.table thead {
background-color: #F1F4F6;
border-bottom: 1px solid #F1F4F6;
}
.table thead tr {
border-bottom: 1px solid #E4E8EB;
}
.table thead tr:last-child {
border-color: transparent;
}
.table thead tr th {
font-weight: 500;
color: #000000;
border: 0;
vertical-align: middle;
padding: 10px;
background: transparent;
box-shadow: none;
}
.table thead tr th:first-child {
padding-right: 0 !important;
}
.table tbody tr {
border-bottom: 1px solid #E4E8EB;
}
.table tbody tr td {
vertical-align: middle;
padding: 10px;
}
.table tbody tr td::first-child {
padding: 0;
}
.table tbody tr .light-text {
color: #99A2A8;
}
table.table td h2 {
display: inline-block;
font-size: 14px;
font-weight: 400;
vertical-align: middle;
margin: 0;
padding: 0;
}
table.table td h2.table-avatar {
align-items: center;
display: inline-flex;
font-size: inherit;
font-weight: regular;
vertical-align: middle;
white-space: nowrap;
margin: 0;
padding: 0;
}
table.table td h2 a {
font-weight: 500;
color: #000000;
}
table.table td h2 a:hover {
color: #1B3D74;
}
table.table td h2 span {
color: #99A2A8;
display: block;
font-size: 12px;
font-weight: 400;
margin-top: 3px;
}
table .badge {
font-size: 13px;
font-weight: 400;
min-width: 70px;
padding: 7px 9px;
border-radius: 50px;
}
table .bg-light-success {
color: #71DE71;
background: #EAFFEA;
}
table .bg-light-warning {
color: #FF9900;
background: #FFF3DC;
}
table .bg-light-danger {
color: #FF0000;
background: #FFEAEA;
}
.table-responsive {
white-space: nowrap;
}
.table-space {
width: 100px;
}
.card.table-card .card-body {
padding: 15px;
}
#tablelength {
margin-bottom: 15px;
}
#tablelength label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
margin: 0;
}
#tablelength .dataTables_length {
margin-top: 0 !important;
}
#tablelength .form-control.form-control-sm {
height: 34px;
appearance: auto;
min-height: 34px;
min-width: 56px;
width: 56px;
padding: 4px 8px;
margin-left: 10px;
}
.nav-table-filter {
align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
justify-content: end;
-webkit-justify-content: end;
-ms-flex-pack: end;
margin-bottom: 15px;
}
.nav-table-filter li {
margin-right: 10px;
}
.nav-table-filter li:last-child {
margin-right: 0;
}
.nav-table-filter .form-control.form-control-sm {
height: 35px;
}
#tablefilter label {
margin: 0;
}
.tab-footer .pagination {
justify-content: end;
-webkit-justify-content: end;
-ms-flex-pack: end;
margin-bottom: 0;
}
.tab-footer .dataTables_info {
float: left;
margin-top: 15px;
font-size: 14px;
font-weight: 400;
}
.tab-footer .dataTables_paginate .pagination li:last-child {
margin: 0;
}
.tab-footer .dataTables_paginate .pagination li a {
font-size: 14px;
border-radius: 3px !important;
}
.tab-footer .dataTables_paginate .pagination li a.page-link:focus {
box-shadow: none;
}
.tab-footer .dataTables_paginate .pagination li.active a.page-link {
color: #ffffff;
}
.tab-footer .dataTables_paginate .pagination li.previous .page-link {
font-size: 18px;
background: transparent;
border: 0;
}
.tab-footer .dataTables_paginate .pagination li.previous .page-link:hover {
color: #1B3D74;
}
.tab-footer .dataTables_paginate .pagination li.next .page-link {
font-size: 18px;
background: transparent;
border: 0;
}
.tab-footer .dataTables_paginate .pagination li.next .page-link:hover {
color: #1B3D74;
}
.table-card table.dataTable > thead .sorting:before, .table-card table.dataTable > thead .sorting_asc:before, .table-card table.dataTable > thead .sorting_desc:before, .table-card table.dataTable > thead .sorting_asc_disabled:before, .table-card table.dataTable > thead .sorting_desc_disabled:before {
content: "\f0de" !important;
font-weight: 600;
}
.table-card table.dataTable > thead .sorting:after, .table-card table.dataTable > thead .sorting_asc:after, .table-card table.dataTable > thead .sorting_desc:after, .table-card table.dataTable > thead .sorting_asc_disabled:after, .table-card table.dataTable > thead .sorting_desc_disabled:after {
content: "\f0dd" !important;
font-weight: 600;
bottom: 14px !important;
}
.data-check-list .nav li {
margin-right: 4px;
}
.data-check-list .nav li:last-child {
margin-right: 0;
}
.data-check-list span {
width: 17px;
height: 7px;
border-radius: 2px;
display: inline-block;
}
.data-check-list .check-list-active {
background: #71DE71;
}
.data-check-list .check-list-warning {
background: #FF9900;
}
.data-check-list .check-list-danger {
background: #FF0000;
}
.data-check-list p {
font-size: 12px;
color: #99A2A8;
margin-bottom: 0;
}
.data-check-list p span {
color: #000000;
}
.data-check-list p a {
font-weight: 400;
color: #99A2A8;
}
.data-check-list .view-checklist {
position: relative;
display: inline-block;
}
.data-check-list .view-checklist:after {
content: "";
height: 1px;
width: 100%;
background: #99A2A8;
transform: scale(1);
-webkit-transform: scale(1);
-ms-transform: scale(1);
-webkit-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
transition: all 0.4s ease;
position: absolute;
bottom: 1px;
left: 0;
}
.data-check-list .view-checklist:hover {
color: #1B3D74;
}
.data-check-list .view-checklist:hover:after {
transform: scale(0);
-webkit-transform: scale(0);
-ms-transform: scale(0);
}
.table-action .dropdown-toggle {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-content: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
font-size: 20px;
color: #000000;
background: transparent;
}
.table-action .dropdown-toggle::after {
display: none;
}
.table-action .dropdown-menu {
min-width: 170px;
border-radius: 6px;
border: 0;
padding: 0;
box-shadow: 0px 2px 25px 0px rgba(0, 0, 0, 0.1490196078);
}
.table-action .dropdown-menu .dropdown-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
font-size: 14px;
color: #606060;
padding: 10px 15px;
border-bottom: 0;
border-radius: 0;
-webkit-transition: all 0.4s;
-ms-transition: all 0.4s;
transition: all 0.4s;
}
.dropdown-item.active, .dropdown-item:active {
background: #E4E8EB;
}
.table-action .dropdown-menu .dropdown-item:first-child {
border-radius: 6px 6px 0 0;
}
.table-action .dropdown-menu .dropdown-item:last-child {
border-radius: 0 0 6px 6px;
border-bottom: 0;
}
.table-action .dropdown-menu .dropdown-item:hover {
color: #1B3D74;
padding-left: 20px;
-webkit-transition: all 0.4s;
-ms-transition: all 0.4s;
transition: all 0.4s;
}
.table-action .dropdown-menu .dropdown-item i {
font-size: 16px;
margin-right: 8px;
}
.breadcrumb-bar {
background: #194185;
margin: 0;
padding: 20px 0 10px;
}
.breadcrumb-bar .breadcrumb-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-content: space-between;
-webkit-justify-content: space-between;
-ms-flex-pack: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.breadcrumb-bar .breadcrumb-info .breadcrumb-title {
font-size: 20px;
color: #ffffff;
margin-bottom: 10px;
}
@media (max-width: 767.98px) {
.breadcrumb-bar .breadcrumb-info .breadcrumb-title {
font-size: 18px;
}
}
.breadcrumb-bar .breadcrumb {
margin: 0;
padding: 0;
}
.breadcrumb-bar .breadcrumb-item {
font-size: 14px;
color: #ffffff;
margin-bottom: 10px;
}
.breadcrumb-bar .breadcrumb-item a {
color: #FFA500;
}
.breadcrumb-bar .breadcrumb-item a:hover {
color: #1B3D74;
}
.breadcrumb-item + .breadcrumb-item::before {
color: #ffffff;
}
.breadcrumb-arrow .breadcrumb-item + .breadcrumb-item::before {
color: #9595b5;
content: "\f101";
font-family: "Fontawesome" !important;
}
.breadcrumb-pipe .breadcrumb-item + .breadcrumb-item::before {
color: #9595b5;
content: "\f061";
font-family: "Fontawesome" !important;
}
.breadcrumb-line .breadcrumb-item + .breadcrumb-item::before {
color: #9595b5;
content: "-";
}
.breadcrumb-dot .breadcrumb-item + .breadcrumb-item::before {
color: #9595b5;
content: "•";
}
.breadcrumb-divide .breadcrumb-item + .breadcrumb-item::before {
color: #9595b5;
content: "\f054";
font-family: "Fontawesome" !important;
}
.breadcrumb-separatorless .breadcrumb-item + .breadcrumb-item::before {
content: "";
display: none;
}
.breadcrumb-colored {
padding: 12px 15px;
border-radius: 6px;
}
.breadcrumb-colored li a {
color: #ffffff;
}
.breadcrumb-colored .breadcrumb-item a {
color: #ffffff;
}
.breadcrumb-colored .breadcrumb-item.active {
color: #ffffff;
opacity: 0.8;
}
.breadcrumb-colored .breadcrumb-item + .breadcrumb-item a {
color: #ffffff;
}
.breadcrumb-colored .breadcrumb-item + .breadcrumb-item::before {
color: #ffffff;
}
.embedded-breadcrumb:before {
opacity: 0.7;
}
[data-theme-mode=dark] .embedded-breadcrumb:before {
filter: invert(1);
}
/******* Vendors ******/
.select2-container {
min-width: 100% !important;
z-index: 99;
}
.select2-container .select2-selection--single {
height: 40px;
}
.select2-container--default .select2-selection--single {
border: 1px solid var(--Stroke, rgba(145, 158, 171, 0.3));
border-radius: 5px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #000000;
line-height: 38px;
border-radius: 5px;
padding-left: 10px;
font-size: 14px;
font-weight: 400;
}
.select2-container--default .select2-selection--single .select {
width: 219px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 40px;
right: 6px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
position: absolute;
top: 50%;
left: 50%;
border-color: #637381;
border-style: solid;
border-width: 0 2px 2px 0;
padding: 3px;
height: 0;
margin-left: -6px;
margin-top: -3px;
width: 0;
transform: rotate(45deg) translateY(-50%);
-webkit-transform: rotate(45deg) translateY(-50%);
-ms-transform: rotate(45deg) translateY(-50%);
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: #000000;
border-width: 2px 0 0 2px;
margin-top: 3px;
padding: 3px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background: #1B3D74;
color: #ffffff;
}
.select2-container--focus .select2-selection--single {
background: #ffffff !important;
border-color: #1B3D74;
}
span.select2-container.select2-container--default.select2-container--open {
z-index: 9999;
}
.select2-container--classic .select2-selection--single,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--single .select2-selection__arrow,
.select2-container--default .select2-selection--multiple,
.select2-container--classic .select2-selection--single .select2-selection__arrow,
.select2-container--classic .select2-selection--single .select2-selection__rendered {
border-color: #000;
color: #000000;
height: 40px;
line-height: 40px;
}
.select2-container--default .select2-selection--multiple {
line-height: 27px;
height: auto;
min-height: 40px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice,
.select2-container--default .select2-selection--multiple .select2-selection__choice,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
background-color: #17a2b8;
border-color: #17a2b8;
color: #ffffff;
}
table.dataTable > thead .sorting:after,
table.dataTable > thead .sorting_asc:after,
table.dataTable > thead .sorting_desc:after,
table.dataTable > thead .sorting_asc_disabled:after,
table.dataTable > thead .sorting_desc_disabled:after {
right: 0.5em !important;
content: "\f107" !important;
font-family: "Font Awesome 5 Free";
bottom: 12px !important;
color: #BABFC7 !important;
font-size: 12px !important;
opacity: 1 !important;
position: absolute;
}
table.dataTable > thead .sorting:before,
table.dataTable > thead .sorting_asc:before,
table.dataTable > thead .sorting_desc:before,
table.dataTable > thead .sorting_asc_disabled:before,
table.dataTable > thead .sorting_desc_disabled:before {
right: 0.5em !important;
content: "\f106" !important;
font-family: "Font Awesome 5 Free";
top: 12px !important;
color: #BABFC7 !important;
font-size: 12px !important;
opacity: 1 !important;
position: absolute;
}
.dataTables_paginate .paging_numbers {
float: right;
}
.dataTables_info {
float: right;
padding-right: 15px;
font-size: 12px;
color: #000;
font-weight: 600;
}
.custom-select {
min-width: 80px;
background: no-repeat 95% 50%;
}
.dataTables_paginate .pagination li {
margin: 0 5px;
}
.dataTables_paginate .pagination li a {
background: var(--Stroke, rgba(145, 158, 171, 0.3));
border-radius: 85px !important;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
color: #5B6670;
}
.dataTables_paginate .pagination li a:hover {
background: #1B3D74;
color: #ffffff;
}
.dataTables_paginate .pagination li.active a.page-link {
background: #1B3D74;
border-color: #1B3D74;
border-radius: 85px;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
}
.dataTables_paginate .pagination li.previous.disabled {
width: 20px;
}
.dataTables_paginate .pagination li.previous.disabled a {
background-color: transparent;
border: 0;
width: 20px;
}
.dataTables_paginate .pagination li.next.disabled {
width: 20px;
}
.dataTables_paginate .pagination li.next.disabled a {
background-color: transparent;
border: 0;
width: 20px;
}
.dataTables_length,
.dataTables_paginate {
margin-top: 15px !important;
}
div.dataTables_wrapper div.dataTables_info {
padding-top: 23px;
}
table.dataTable thead > tr > th.no-sort.sorting_asc:before {
display: none;
}
table.dataTable thead > tr > th.no-sort.sorting_asc::after {
display: none;
}
table.dataTable thead > tr > th.no-sort.sorting:before {
display: none;
}
table.dataTable thead > tr > th.no-sort.sorting::after {
display: none;
}
/****** Layout ******/
.content {
position: relative;
overflow: hidden;
padding: 60px 0;
}
@media (max-width: 991.98px) {
.content {
padding: 40px 0;
}
}
.page-header {
margin-bottom: 14px;
}
.page-header .page-title {
font-size: 24px;
font-weight: 600;
color: #2F4B64;
margin-bottom: 10px;
}
.page-header .page-title span {
font-weight: 400;
}
@media (max-width: 767.98px) {
.page-header .page-title {
font-size: 20px;
}
}
.swal2-header .swal2-title {
font-size: 18px;
}
.none {
display: none !important;
}
.text-red {
color: #FF0000 !important;
}
.text-green {
color: #71DE71 !important;
}
.input-blocks input[type=text]:focus {
border-color: #e9edf6;
}
.input-group .scanner-set {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
justify-content: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
background: #1B3D74;
border-radius: 5px !important;
width: 40px;
color: #ffffff;
font-weight: 600;
padding: 0;
}
.input-group .scanner-set:hover {
background: #1B2850;
}
.swal2-header .swal2-title {
font-size: 18px;
}
.none {
display: none !important;
}
.text-gray {
color: #606060 !important;
}
.text-danger {
color: #FF0000 !important;
}
.text-success {
color: #71DE71 !important;
}
.bg-light-success {
background: #F5FFF5;
}
.bg-light-danger {
background: #FFF6F6;
}
.bg-light-gray {
background: #F6F6F6;
}
.input-blocks input[type=text]:focus {
border-color: #e9edf6;
}
.custom-control.custom-checkbox .checkboxs {
line-height: 1;
}
.custom-control.custom-checkbox .checkmarks {
border-radius: 5px;
}
.custom-control.custom-checkbox .checkboxs input {
cursor: auto;
}
.checkboxs {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 12px;
cursor: pointer;
user-select: none;
}
.checkboxs input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.checkboxs input ~ .checkmarks {
border: 1px solid #000;
border-radius: 5px;
}
.checkboxs input:checked ~ .checkmarks {
background-color: #1B3D74;
border-color: #1B3D74;
}
.checkboxs input:checked ~ .checkmarks:after {
display: block;
}
.checkboxs .checkmarks {
height: 15px;
width: 15px;
position: absolute;
top: 0;
left: 0;
}
.checkboxs .checkmarks:after {
content: "";
position: absolute;
display: none;
}
.checkboxs .checkmarks:after {
left: 4px;
top: 1px;
width: 5px;
height: 9px;
border: solid #ffffff;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
}
th .checkboxs .checkmarks, td .checkboxs .checkmarks {
width: 18px;
height: 18px;
}
th .checkboxs .checkmarks::after, td .checkboxs .checkmarks::after {
left: 6px;
top: 3px;
}
.checktoggle {
background-color: rgba(115, 103, 240, 0.2);
border-radius: 12px;
cursor: pointer;
display: block;
font-size: 0;
height: 13px;
margin-bottom: 0;
position: relative;
width: 25px;
}
.checktoggle:after {
content: " ";
display: block;
transform: translate(2px, -50%);
width: 10px;
height: 10px;
background-color: #ffffff;
transition: left 300ms ease, transform 300ms ease;
border-radius: 50%;
transform: translate(2px, -50%);
-webkit-transform: translate(2px, -50%);
-ms-transform: translate(2px, -50%);
position: absolute;
top: 50%;
left: 0;
}
.check:checked + .checktoggle:after {
background-color: #ffffff;
left: 100%;
transform: translate(calc(-90% - 3px), -45%);
}
.check {
display: block;
margin: 0;
padding: 0;
width: 0;
height: 0;
visibility: hidden;
opacity: 0;
pointer-events: none;
position: absolute;
}
.check:checked + .checktoggle {
background-color: #71DE71;
}
.input-group {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-wrap: nowrap;
align-items: stretch;
width: 100%;
}
.card {
background: #ffffff;
border: 1px solid #f8f9fa;
border-radius: 0;
box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1490196078);
margin: 0 0 24px;
}
@media (max-width: 767.98px) {
.card {
margin: 0 0 20px;
}
}
.card .card-header {
background: #ffffff;
border-bottom: 1px solid #E4E8EB;
padding: 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
justify-content: space-between;
-webkit-justify-content: space-between;
-ms-flex-pack: space-between;
}
@media (max-width: 767.98px) {
.card .card-header {
padding: 20px;
}
}
.card .card-header .card-title {
font-size: 20px;
font-weight: 600;
margin: 0;
}
@media (max-width: 767.98px) {
.card .card-header .card-title {
font-size: 18px;
}
}
.card .card-header .view-all-link {
font-weight: 600;
position: relative;
display: inline-block;
}
.card .card-header .view-all-link:after {
content: "";
height: 1px;
width: 100%;
background: #1B3D74;
transform: scale(1);
-webkit-transform: scale(1);
-ms-transform: scale(1);
-webkit-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
transition: all 0.4s ease;
position: absolute;
bottom: 0px;
left: 0;
}
.card .card-header .view-all-link:hover:after {
transform: scale(0);
-webkit-transform: scale(0);
-ms-transform: scale(0);
}
.card .card-body {
padding: 24px;
}
@media (max-width: 767.98px) {
.card .card-body {
padding: 20px;
}
}
.card .card-footer {
background: #ffffff;
border-top: 1px solid #E4E8EB;
padding: 24px;
}
@media (max-width: 767.98px) {
.card .card-footer {
padding: 20px;
}
}
.table-checkbox {
position: relative;
}
.table-checkbox .check-input {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
margin-bottom: 0;
}
.table-checkbox .check-input input {
display: none;
}
.table-checkbox .check-input input:checked + .box {
background: #1B3D74;
}
.table-checkbox .check-input input:checked + .box:after {
top: 0;
}
.table-checkbox .check-input .box {
width: 20px;
height: 20px;
display: block;
margin-right: 8px;
transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1);
background: #ffffff;
position: relative;
overflow: hidden;
cursor: pointer;
border: 1px solid #E4E8EB;
border-radius: 5px;
}
.table-checkbox .check-input .box:after {
width: 12px;
height: 6px;
content: "";
position: absolute;
border-left: 2px solid;
border-bottom: 2px solid;
border-color: #ffffff;
transform: rotate(-45deg) translate3d(0, 0, 0);
transform-origin: center center;
transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1);
left: 0;
right: 0;
top: 200%;
bottom: 3px;
margin: auto;
}
.dropdown-toggle {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-content: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
font-size: 20px;
color: #000000;
background: transparent;
}
.dropdown-toggle::after {
display: none;
}
.dropdown-menu {
min-width: 170px;
border-radius: 6px;
border: 0;
padding: 0;
box-shadow: 0px 2px 25px 0px rgba(0, 0, 0, 0.1490196078);
}
.dropdown-menu .dropdown-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
font-size: 14px;
color: #606060;
padding: 10px 15px;
border-bottom: 1px solid #f8f9fa;
border-radius: 0;
-webkit-transition: all 0.4s;
-ms-transition: all 0.4s;
transition: all 0.4s;
}
.dropdown-item.active, .dropdown-item:active {
background: #E4E8EB;
}
.dropdown-menu .dropdown-item:first-child {
border-radius: 6px 6px 0 0;
}
.dropdown-menu .dropdown-item:last-child {
border-radius: 0 0 6px 6px;
border-bottom: 0;
}
.dropdown-menu .dropdown-item:hover {
color: #1B3D74;
padding-left: 20px;
-webkit-transition: all 0.4s;
-ms-transition: all 0.4s;
transition: all 0.4s;
}
.dropdown-menu .dropdown-item i {
font-size: 16px;
margin-right: 8px;
}
.pagination {
padding: 0;
margin-bottom: 20px;
justify-content: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
}
@media (max-width: 767.98px) {
.pagination {
margin-bottom: 0;
}
}
.pagination .nav {
align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
}
.pagination .nav li {
margin-right: 10px;
margin-bottom: 5px;
}
.pagination .nav li:last-child {
margin-right: 0;
}
.pagination .nav li a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
justify-content: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
width: 30px;
min-width: 30px;
height: 30px;
color: #606060;
background: #ffffff;
border-radius: 3px;
}
.pagination .nav li a:hover {
color: #1B3D74;
}
.pagination .nav li a.active {
color: #ffffff;
background: #1B3D74;
}
.pagination .nav li a.active:hover {
color: #ffffff;
}
.datepicker table tr td.active {
background-image: none !important;
background-color: #1B3D74;
}
.mouse-cursor {
position: fixed;
left: 0;
top: 0;
pointer-events: none;
border-radius: 50%;
-webkit-transform: translateZ(0);
transform: translateZ(0);
visibility: hidden;
}
.cursor-inner {
margin-left: -4px;
margin-top: -4px;
width: 10px;
height: 10px;
z-index: 10000001;
background: #0E82FD !important;
-webkit-transition: width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
transition: width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.cursor-inner.cursor-hover {
margin-left: -20px;
margin-top: -20px;
width: 40px;
height: 40px;
background: #0E82FD !important;
opacity: 0.1;
}
.cursor-outer {
margin-left: -15px;
margin-top: -15px;
width: 30px;
height: 30px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 10000000;
opacity: 0.5;
border: 2px solid #0E82FD;
-webkit-transition: all 0.08s ease-out;
transition: all 0.08s ease-out;
}
.cursor-outer.cursor-hover {
opacity: 0;
}
.mim_tm_all_wrap[data-magic-cursor=hide] .mouse-cursor {
display: none;
opacity: 0;
visibility: hidden;
position: absolute;
z-index: -1111;
}
.progress-wrap {
position: fixed;
right: 25px;
bottom: 25px;
height: 35px;
width: 35px;
cursor: pointer;
display: block;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
box-shadow: inset 0 0 0 2px rgba(112, 201, 134, 0.2);
z-index: 99;
opacity: 0;
visibility: hidden;
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
transform: translateY(15px);
-webkit-transform: translateY(15px);
-moz-transform: translateY(15px);
-ms-transform: translateY(15px);
-o-transform: translateY(15px);
}
.progress-wrap.active-progress {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.progress-wrap::after {
position: absolute;
content: "\f062";
font-family: "FontAwesome";
text-align: center;
line-height: 35px;
font-size: 17px;
color: #1B3D74;
left: 0;
top: 0;
height: 35px;
width: 35px;
cursor: pointer;
display: block;
z-index: 1;
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
}
.progress-wrap svg path {
fill: none;
}
.progress-wrap svg.progress-circle path {
stroke: #1B3D74;
stroke-width: 4;
box-sizing: border-box;
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
}
.main-header {
position: relative;
}
.header-topbar {
padding: 10px 0;
border-bottom: 1px solid #E1E1E1;
}
.header-topbar .container-fluid {
padding: 0 36px;
}
@media (max-width: 991.98px) {
.header-topbar .container-fluid {
padding: 0 15px;
}
}
@media (max-width: 767.98px) {
.header-topbar {
display: none;
}
}
.header-topbar .nav li {
padding-right: 12px;
margin-right: 12px;
border-right: 1px solid #E1E1E1;
}
.header-topbar .nav li:last-child {
padding-right: 0;
margin-right: 0;
border-right: 0;
}
.header-topbar .nav li a {
font-size: 13px;
font-weight: 500;
gap: 8px;
color: #000000;
}
.header-topbar .nav li a:hover {
color: #0E82FD;
}
.header-topbar .nav li a i {
font-size: 18px;
}
.header-topbar .nav li .header-dropdown .dropdown-toggle {
padding: 0;
line-height: 0;
}
.header-topbar .nav li .header-dropdown .dropdown-toggle .ti-chevron-down {
-webkit-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
}
.header-topbar .nav li .header-dropdown .dropdown-toggle[aria-expanded=true] .ti-chevron-down {
-webkit-transform: rotate(-180deg);
-transform: rotate(-180deg);
transform: rotate(-180deg);
-webkit-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
}
.header-topbar .nav li .header-dropdown .dropdown-menu .dropdown-item {
gap: 0;
}
.header {
left: 0;
top: 0;
width: 100%;
z-index: 999;
position: fixed;
background-color: tranparent;
-webkit-transition: all 0.9s;
-ms-transition: all 0.9s;
transition: all 0.9s;
}
@media (max-width: 1024px) {
.header {
background: #fff;
}
}
.header.fixed {
background-color: #ffffff;
box-shadow: 0px 3px 53px rgba(197, 197, 197, 0.27);
position: fixed;
-webkit-transition: all 0.9s;
-ms-transition: all 0.9s;
transition: all 0.9s;
-webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
}
.header .logo a {
float: left;
}
.header .logo a img {
float: left;
max-height: 32px;
}
.header .container-fluid {
padding: 0 36px;
}
@media (max-width: 991.98px) {
.header .container-fluid {
padding: 0 15px;
}
}
.header .header-nav {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: space-between;
-webkit-justify-content: space-between;
-ms-flex-pack: space-between;
position: relative;
height: 75px;
padding: 0;
margin-bottom: 0;
}
@media (max-width: 991.98px) {
.header .header-nav {
height: 65px;
}
}
.header .header-nav .main-nav > li > a {
font-size: 15px;
color: #000000;
line-height: 75px;
font-weight: 500;
}
@media (max-width: 991.98px) {
.header .header-nav .main-nav > li > a {
font-size: 14px;
}
}
@media (max-width: 991.98px) {
.header .header-nav .main-nav > li > a {
color: #ffffff;
}
}
.header .header-nav .main-nav > li > a:hover {
color: #0E82FD;
}
.header .header-nav .main-nav > li > a.active {
color: #0E82FD;
}
.header .header-nav .main-nav > li .submenu li {
position: relative;
}
.header .header-nav .main-nav > li .submenu li.active {
color: #0E82FD;
}
.header .header-nav .main-nav > li .submenu li.active > a {
color: #0E82FD;
}
.header .header-nav .main-nav > li .submenu li a {
display: block;
padding: 10px 15px 10px;
clear: both;
white-space: nowrap;
color: #000000;
-webkit-transition: all 0.35s ease;
transition: all 0.35s ease;
width: 100%;
position: relative;
font-weight: 500;
}
@media (max-width: 991.98px) {
.header .header-nav .main-nav > li .submenu li a {
font-size: 14px;
}
}
.header .header-nav .main-nav > li .submenu li a:hover {
color: #0E82FD;
padding-left: 20px;
}
.header .header-nav .main-nav > li .login-link {
display: none;
}
.header .navbar-header {
line-height: normal;
}
.header .navbar-header .navbar-brand {
display: inline-block;
padding: 0;
line-height: 0;
}
@media (max-width: 991.98px) {
.header .navbar-header .navbar-brand {
margin-right: 0;
}
}
@media (max-width: 575.98px) {
.header .navbar-header .logo {
display: none;
}
}
.header .navbar-header .logo-small {
display: none;
}
@media (max-width: 575.98px) {
.header .navbar-header .logo-small {
display: block;
width: 100%;
text-align: center;
}
}
.header .navbar-header #mobile_btn {
display: none;
margin-right: 30px;
}
@media (max-width: 991.98px) {
.header .navbar-header #mobile_btn {
display: inline-block;
line-height: 0;
}
}
@media (max-width: 575.98px) {
.header .navbar-header #mobile_btn {
left: 0;
margin-right: 0;
padding: 0 0px;
position: absolute;
z-index: 99;
}
}
.header .navbar-header #mobile_btn .bar-icon {
display: inline-block;
width: 31px;
}
.header .navbar-header #mobile_btn .bar-icon span {
background-color: #1B3D74;
display: block;
float: left;
height: 3px;
margin-bottom: 7px;
width: 31px;
border-radius: 2px;
margin-bottom: 5px;
}
.header .navbar-header #mobile_btn .bar-icon span:nth-child(2) {
width: 20px;
}
.header .navbar-header #mobile_btn .bar-icon span:nth-child(3) {
width: 16px;
margin-bottom: 0;
}
@media (max-width: 991.98px) {
.header .navbar-header {
display: -webkit-box;
display: -ms-flexbox;
display: inline-flex;
align-items: center;
}
}
@media (max-width: 575.98px) {
.header .navbar-header {
width: 100%;
}
}
.header .main-menu-wrapper {
margin: 0 15px 0;
}
@media (max-width: 991.98px) {
.header .main-menu-wrapper {
order: 3;
width: 260px;
position: fixed;
top: 0;
bottom: 0;
left: 0;
overflow-x: hidden;
overflow-y: auto;
z-index: 11111;
transform: translateX(-260px);
transition: all 0.4s;
background: #1B3D74;
margin: 0;
backdrop-filter: blur(8px);
}
}
.header .main-menu-wrapper .menu-header {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 60px;
padding: 0 20px;
justify-content: space-between;
-webkit-justify-content: space-between;
-ms-flex-pack: space-between;
display: none;
}
@media (max-width: 991.98px) {
.header .main-menu-wrapper .menu-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 65px;
align-items: center;
background: #ffffff;
}
}
@media (max-width: 991.98px) {
.header .main-menu-wrapper .menu-header .menu-logo img {
width: 160px;
}
}
.header .main-menu-wrapper .menu-header .menu-close {
font-size: 18px;
color: #1B3D74;
}
.header .main-menu-wrapper .main-nav > li .submenu > li .submenu {
left: 100%;
top: 0;
}
@media (max-width: 991.98px) {
.header .main-menu-wrapper .main-nav > li .submenu > li .submenu {
left: 0;
}
}
.header .main-menu-wrapper .main-nav > li .submenu > li.has-submenu > a::after {
content: "\f054";
font-family: "Font Awesome 5 Free";
font-weight: 900;
position: absolute;
right: 15px;
top: 12px;
font-size: 13px;
}
.header .main-menu-wrapper .main-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0;
padding: 0;
}
@media (max-width: 991.98px) {
.header .main-menu-wrapper .main-nav {
padding: 0;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
list-style: none;
background: #1B3D74;
}
}
.header .main-menu-wrapper .main-nav:last-child {
margin-right: 0;
}
@media (max-width: 992px) {
.header .main-menu-wrapper .main-nav > li {
margin-right: 0;
}
.header .main-menu-wrapper .main-nav > li:last-child {
margin-right: 0;
border: 0;
}
}
.header .main-menu-wrapper .main-nav > li.active > a {
display: block;
color: #ED5C39;
}
@media (max-width: 991.98px) {
.header .main-menu-wrapper .main-nav > li.active > a {
color: #ED5C39;
}
}
.header .main-menu-wrapper .main-nav > li a i {
font-size: 12px;
margin-left: 3px;
}
@media (max-width: 991.98px) {
.header .main-menu-wrapper .main-nav > li a {
display: block;
line-height: 20px;
padding: 12px 15px;
font-size: 14px;
font-weight: 500;
color: #ffffff;
}
.header .main-menu-wrapper .main-nav > li a i {
font-size: 14px;
}
}
@media (max-width: 991.98px) and (max-width: 991.98px) {
.header .main-menu-wrapper .main-nav > li a i {
float: right;
margin-top: 5px;
font-size: 14px;
}
}
.header .main-menu-wrapper .main-nav > li:last-child {
margin-right: 0;
}
@media (max-width: 991.98px) {
.header .main-menu-wrapper .main-nav > li {
border-bottom: 1px solid #E4E8EB;
padding: 0;
}
}
@media (min-width: 992px) {
.header .main-menu-wrapper .main-nav > li {
display: block;
position: relative;
margin-right: 24px;
}
.header .main-menu-wrapper .main-nav > li:last-child {
margin-right: 0;
}
}
@media (max-width: 1199.98px) {
.header .main-menu-wrapper .main-nav > li {
margin-right: 30px;
}
}
@media (max-width: 991.98px) {
.header .main-menu-wrapper .main-nav > li {
margin-right: 0;
}
}
@media (min-width: 992px) {
.header .main-menu-wrapper .main-nav > li ul {
background-color: #ffffff;
border-radius: 5px;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
display: block;
font-size: 14px;
left: 0;
margin: 0;
min-width: 200px;
opacity: 0;
padding: 0;
position: absolute;
transform: scaleY(0);
-webkit-transform: scaleY(0);
-moz-transform: scaleY(0);
-ms-transform: scaleY(0);
-o-transform: scaleY(0);
transform-origin: center top 0;
-webkit-transform-origin: center top 0;
-moz-transform-origin: center top 0;
-ms-transform-origin: center top 0;
-o-transform-origin: center top 0;
transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
top: 100%;
visibility: hidden;
z-index: 1000;
}
}
.header .main-menu-wrapper .main-nav li.has-submenu.mega-submenu .mega-menu-info {
padding-bottom: 30px;
}
@media (max-width: 991.98px) {
.header .main-menu-wrapper .main-nav li.has-submenu.mega-submenu .mega-menu-info {
padding: 0 0 5px 15px;
}
}
.header .main-menu-wrapper .main-nav li.has-submenu.mega-submenu .mega-menu-info h4 {
font-size: 16px;
color: #8593A3;
text-transform: uppercase;
margin-bottom: 30px;
}
@media (max-width: 991.98px) {
.header .main-menu-wrapper .main-nav li.has-submenu.mega-submenu .mega-menu-info h4 {
font-size: 14px;
margin: 15px 0;
}
}
.header .main-menu-wrapper .main-nav li.has-submenu.mega-submenu .mega-menu-info p {
margin-bottom: 16px;
}
@media (max-width: 991.98px) {
.header .main-menu-wrapper .main-nav li.has-submenu.mega-submenu .mega-menu-info p {
padding-left: 15px;
margin-bottom: 10px;
}
}
.header .main-menu-wrapper .main-nav li.has-submenu.mega-submenu .mega-menu-info p:last-child {
margin-bottom: 0;
}
.header .main-menu-wrapper .main-nav li.has-submenu.mega-submenu .mega-menu-info p a {
font-size: 14px;
font-weight: 500;
color: #000000;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0;
margin: 0;
-webkit-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
transition: all 0.4s ease;
}
@media (max-width: 991.98px) {
.header .main-menu-wrapper .main-nav li.has-submenu.mega-submenu .mega-menu-info p a {
font-size: 13px;
}
}
.header .main-menu-wrapper .main-nav li.has-submenu.mega-submenu .mega-menu-info p a:hover {
color: #0E82FD;
-webkit-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.header .main-menu-wrapper .main-nav li.has-submenu.mega-submenu .mega-menu-info p a:hover i {
color: #1B3D74;
-webkit-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.header .main-menu-wrapper .main-nav li.has-submenu.mega-submenu .mega-menu-info p a i {
font-size: 22px;
color: #354052;
margin: 0;
margin-right: 10px;
-webkit-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
transition: all 0.4s ease;
}
@media (max-width: 991.98px) {
.header .main-menu-wrapper .main-nav li.has-submenu.mega-submenu .mega-menu-info p a i {
font-size: 18px;
}
}
@media (min-width: 992px) {
.header .main-menu-wrapper .main-nav li.has-submenu.mega-submenu {
position: inherit;
}
.header .main-menu-wrapper .main-nav li.has-submenu.mega-submenu .submenu {
padding: 40px 40px 10px;
width: 100%;
min-width: inherit;
border-radius: 30px;
border: 1px solid #E1E1E1;
}
.header .main-menu-wrapper .main-nav li.has-submenu.mega-submenu:hover .submenu {
width: 100%;
margin-top: 0;
min-width: inherit;
border-radius: 30px;
border: 1px solid #E1E1E1;
}
.header .main-menu-wrapper .main-nav li.has-submenu:hover > .submenu {
visibility: visible;
opacity: 1;
transform: scaleY(0.7);
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
-ms-transform: scaleY(1);
-o-transform: scaleY(1);
border-radius: 5px;
}
}
@media (max-width: 991.98px) {
.header .main-menu-wrapper .main-nav .has-submenu ul {
display: none;
background: #E6ECF1;
}
}
.header .main-menu-wrapper .main-nav li.login-link {
display: none;
}
@media (max-width: 991.98px) {
.header .main-menu-wrapper .main-nav li.login-link {
display: block;
}
}
.header .header-navbar-rht {
margin: 0;
padding: 0;
}
@media (max-width: 575.98px) {
.header .header-navbar-rht {
display: none;
}
}
.header .header-navbar-rht > li {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
padding-right: 15px;
justify-content: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
}
.header .header-navbar-rht > li:last-child {
padding-right: 0px;
}
.header .header-navbar-rht > li .dropdown-menu {
border: 0;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}
.header .header-navbar-rht > li .dropdown-menu .dropdown-item {
border-top: 1px solid #000000;
padding: 10px 15px;
font-size: 0.9375rem;
font-weight: 600;
}
.header .header-navbar-rht > li .dropdown-menu .dropdown-item:hover {
color: #1B3D74;
}
.header .header-navbar-rht > li .dropdown-menu .dropdown-item:last-child {
border-top: 0;
border-radius: 5px 5px 0 0;
}
.header .header-navbar-rht > li .dropdown-menu .dropdown-item:first-child {
border-radius: 0 0 5px 5px;
}
.header .header-navbar-rht > li .nav-link {
font-size: 16px;
font-weight: 500;
color: #000;
}
.header .header-navbar-rht .nav-item span {
margin: 0 8px 0 0;
}
.header .header-navbar-rht .nav-item .add-listing {
font-weight: 500;
font-size: 16px;
color: #606060;
}
.header .header-navbar-rht .nav-item .add-listing span {
color: #29344a;
}
.header .header-navbar-rht .nav-item .header-login {
background-color: #606060;
border: 1px solid #606060;
box-shadow: inset 0 0 0 #ffffff;
color: #ffffff;
border-radius: 5px;
font-weight: 500;
font-size: 16px;
padding: 10px 20px;
text-align: center;
}
@media (max-width: 991.98px) {
.header .header-navbar-rht .nav-item .header-login {
padding: 8px 12px;
font-size: 14px;
}
}
.header .header-navbar-rht .nav-item .header-login:hover {
background-color: #ffffff;
border: 1px solid #606060;
box-shadow: inset 0 70px 0 0 #ffffff;
color: #606060;
}
.header .header-navbar-rht .nav-item .header-reg {
background-color: #333333;
border: 0;
color: #ffffff;
border-radius: 6px;
font-weight: 600;
font-size: 16px;
display: inline-flex;
gap: 10px;
align-items: center;
justify-content: center;
padding: 12px 24px;
}
@media (max-width: 991.98px) {
.header .header-navbar-rht .nav-item .header-reg {
padding: 8px 12px;
font-size: 14px;
}
}
.header .header-navbar-rht .nav-item .header-reg i {
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50%;
width: 21px;
height: 21px;
background: #FFFFFF;
color: #333333;
}
.header .header-navbar-rht .nav-item .header-reg:hover {
background-color: #ED5C39;
border: 1px solid #ED5C39;
color: #ffffff;
}
.header .dropdown-toggle::after {
display: none;
}
.menu-opened .main-menu-wrapper {
transform: translateX(0);
}
.menu-opened .main-menu-wrapper body {
overflow: hidden;
}
.modal-body-bg {
background: url(../img/modal-bg.png) no-repeat;
background-position: top center;
overflow: hidden;
border-radius: 8px;
}
.modal-body-bg .act-btn {
padding: 0 0 40px;
border-bottom: 1px solid rgba(51, 51, 51, 0.1019607843);
}
.modal-body-bg .pop-high-list {
display: flex;
gap: 48px;
align-items: center;
justify-content: center;
margin: 24px 0 0;
flex-flow: wrap;
}
.modal-body-bg .pop-high-list span {
font-weight: 500;
font-size: 14px;
border-radius: 6px;
padding: 8px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
position: relative;
}
.modal-body-bg .pop-high-list span.pop-high-1 {
background: rgba(4, 199, 90, 0.1019607843);
color: #04C75A;
}
.modal-body-bg .pop-high-list span.pop-high-2 {
background: rgba(232, 170, 13, 0.1019607843);
color: #E8AA0D;
}
.modal-body-bg .pop-high-list span.pop-high-3 {
background: rgba(237, 92, 57, 0.1019607843);
color: #ED5C39;
}
.modal-body-bg .pop-high-list span:not(:last-child)::after {
content: "";
position: absolute;
width: 1px;
height: 15px;
background: rgba(51, 51, 51, 0.1019607843);
right: -24px;
}
@media (max-width: 1024px) {
.modal-body-bg .pop-high-list span:not(:last-child)::after {
display: none;
}
}
@media (max-width: 1024px) {
.modal-body-bg .pop-high-list {
gap: 16px;
}
}
.modal-body-bg .modal-input {
margin: 0 0 24px;
text-align: left;
}
.modal-body-bg .modal-input label {
text-align: left;
margin: 0 0 8px;
font-size: 14px;
font-weight: 500;
color: #000;
}
.modal-body-bg .modal-input .form-control {
padding: 12px 16px;
border: 1px solid rgba(51, 51, 51, 0.1019607843);
border-radius: 10px;
height: 49px;
}
.modal-body-bg .pop-hogh-list2-container {
display: flex;
justify-content: center;
gap: 24px;
flex-direction: column;
}
.modal-body-bg .pop-hogh-list2-container .pop-hogh-list2 {
display: flex;
gap: 24px;
align-items: center;
justify-content: center;
}
.modal-body-bg .pop-hogh-list2-container .pop-hogh-list2 .pop-hogh-list2-card {
display: flex;
flex-direction: column;
background: linear-gradient(to right, rgba(51, 51, 51, 0.1), rgba(237, 92, 57, 0.1));
align-items: center;
justify-content: center;
padding: 24px;
border-radius: 10px;
gap: 8px;
}
.modal-body-bg .pop-hogh-list2-container .pop-hogh-list2 .pop-hogh-list2-card span {
font-size: 15px;
font-weight: 600;
color: #333333;
}
.explore-path {
display: flex;
}
.explore-path .explore-div {
text-align: center;
padding: 25px;
width: 100%;
padding-top: 0;
}
@media (max-width: 991.98px) {
.explore-path .explore-div {
width: 100%;
}
}
.explore-path .explore-div .popup-close {
margin-bottom: 15px;
text-align: right;
}
.explore-path .explore-div .popup-close a {
font-size: 24px;
}
.explore-path .explore-div .explore-popup-icon span {
font-size: 45px;
}
.explore-path .explore-div .explore-popup {
max-width: 630px;
margin: 0 auto;
padding-top: 130px;
}
.explore-path .explore-div .explore-popup h6 {
margin-bottom: 14px;
font-size: 24px;
font-weight: 600;
}
.explore-path .explore-div .explore-popup h4 {
margin-bottom: 16px;
font-size: 34px;
font-weight: 700;
}
.explore-path .explore-div .explore-popup p {
font-size: 15px;
font-weight: 400;
line-height: 26px;
color: #000;
margin: 0 0 40px;
}
@media (max-width: 991.98px) {
.explore-path .explore-div .explore-popup {
padding-top: 70px;
}
}
@media (max-width: 767.98px) {
.explore-path .explore-div .explore-popup {
padding-top: 40px;
}
}
.explore-path .explore-img {
width: 35%;
}
@media (max-width: 991.98px) {
.explore-path .explore-img {
display: none;
}
}
/****** Pages ******/
.hero-section {
position: relative;
overflow: hidden;
padding: 175px 36px 100px;
z-index: 1;
}
@media (max-width: 991.98px) {
.hero-section {
padding: 24px 0;
}
}
.hero-section .hero-shape-img {
position: absolute;
left: 0;
width: 100%;
height: 100%;
top: 0;
pointer-events: none;
}
@media (max-width: 1024px) {
.hero-section .hero-shape-img {
display: none;
}
}
.hero-section .hero-highlights {
margin: 0 0 40px;
position: relative;
display: inline-block;
}
.hero-section .hero-highlights ul {
display: flex;
gap: 15px;
padding: 28px 40px;
}
.hero-section .hero-highlights ul li {
position: relative;
display: flex;
align-items: center;
justify-content: center;
font-size: 30px;
font-weight: 700;
color: #fff;
}
.hero-section .hero-highlights ul li:not(:last-child) {
padding-right: 29px;
}
@media (max-width: 1024px) {
.hero-section .hero-highlights ul li:not(:last-child) {
padding-right: 16px;
}
}
@media (max-width: 768px) {
.hero-section .hero-highlights ul li:not(:last-child) {
padding-right: 8px;
}
}
.hero-section .hero-highlights ul li:not(:last-child)::after {
content: "";
width: 14px;
height: 14px;
background: #CAF0F8;
border-radius: 50px;
position: absolute;
right: 0;
}
@media (max-width: 768px) {
.hero-section .hero-highlights ul li:not(:last-child)::after {
width: 4px;
height: 5px;
}
}
@media (max-width: 1024px) {
.hero-section .hero-highlights ul li {
font-size: 16px;
}
}
@media (max-width: 768px) {
.hero-section .hero-highlights ul li {
font-size: 16px;
}
}
@media (max-width: 1024px) {
.hero-section .hero-highlights ul {
padding: 28px 24px;
gap: 12px;
}
}
@media (max-width: 768px) {
.hero-section .hero-highlights ul {
padding: 28px 16px;
gap: 8px;
}
}
.hero-section .hero-highlights .box-vector-s {
width: 30px;
display: flex;
align-items: center;
justify-content: center;
}
.hero-section .hero-highlights .box-vector-s::after {
content: "";
position: absolute;
width: 30px;
height: 23px;
border-radius: 10px 0 0 0;
border-style: solid;
border-color: #fff;
border-width: 5px 0 0 5px;
left: 0;
top: 0;
}
.hero-section .hero-highlights .box-vector-s::before {
content: "";
position: absolute;
width: 30px;
height: 23px;
border-radius: 0 0 0 10px;
border-style: solid;
border-color: #fff;
border-width: 0 0 5px 5px;
left: 0;
bottom: 0;
}
.hero-section .hero-highlights .box-vector-e {
width: 30px;
display: flex;
align-items: center;
justify-content: center;
}
.hero-section .hero-highlights .box-vector-e::after {
content: "";
position: absolute;
width: 30px;
height: 23px;
border-radius: 0 10px 0 0;
border-style: solid;
border-color: #fff;
border-width: 5px 5px 0 0;
right: 0;
top: 0;
}
.hero-section .hero-highlights .box-vector-e::before {
content: "";
position: absolute;
width: 30px;
height: 23px;
border-radius: 0 0 10px 0;
border-style: solid;
border-color: #fff;
border-width: 0 5px 5px 0;
right: 0;
bottom: 0;
}
.hero-section .hero-h-p- {
display: flex;
flex-flow: wrap;
align-items: center;
justify-content: center;
gap: 40px;
font-size: 16px;
font-weight: 500;
color: #586371;
}
.hero-section .hero-h-p- p {
margin: 0;
}
@keyframes rotation {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes rotationBack {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(-360deg);
}
}
.top-highlights {
padding: 90px 0;
background: rgba(51, 51, 51, 0.0705882353);
}
.top-highlights .hero-grid-list {
display: flex;
gap: 24px;
align-items: center;
}
.top-highlights .hero-grid-list .hero-grid {
background: #fff;
padding: 16px;
border-radius: 30px;
display: flex;
gap: 24px;
justify-content: center;
width: 100%;
flex-direction: column;
}
.top-highlights .hero-grid-list .hero-grid .hero-icon {
font-size: 30px;
font-weight: 700;
color: #fff;
margin: 0 0 4px;
}
.top-highlights .hero-grid-list .hero-grid h4 {
font-size: 20px;
font-weight: 600;
margin: 0 0 12px;
color: #FFFFFF;
}
.top-highlights .hero-grid-list .hero-grid p {
font-size: 16px;
font-weight: 400;
line-height: 24px;
margin: 0;
color: #fff;
}
.top-highlights .hero-grid-list .hero-grid.hero-grid-bg-1 {
background: url(../img/shapes/shape-09.png) no-repeat;
background-size: 100% 100%;
min-height: 378px;
}
.top-highlights .hero-grid-list .hero-grid.hero-grid-bg-2 {
background: url(../img/shapes/shape-10.png) no-repeat;
background-size: 100% 100%;
min-height: 324px;
}
.top-highlights .hero-grid-list .hero-grid.hero-grid-bg-3 {
background: url(../img/shapes/shape-11.png) no-repeat;
background-size: 100% 100%;
min-height: 324px;
}
.top-highlights .hero-grid-list .hero-grid.hero-grid-bg-4 {
background: url(../img/shapes/shape-12.png) no-repeat;
background-size: 100% 100%;
min-height: 378px;
}
.top-highlights .hero-grid-c {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100%;
position: relative;
}
.top-highlights .hero-grid-c h3 {
font-size: 20px;
font-weight: 500;
line-height: 24px;
font-style: italic;
font-family: "Inter";
}
.top-highlights .hero-grid-c::after {
content: url(../img/shapes/shape-08.png);
position: absolute;
top: 0;
z-index: -1;
animation: rotation 50.3s ease-in-out infinite;
}
@media (max-width: 1024px) {
.top-highlights .hero-grid-c {
display: none;
}
}
.top-highlights .section-header {
margin-bottom: 0;
}
@media (max-width: 1199.98px) {
.top-highlights {
padding: 80px 0;
}
}
@media (max-width: 991.98px) {
.top-highlights {
padding: 60px 0;
}
}
@media (max-width: 767.98px) {
.top-highlights {
padding: 40px 0;
}
}
.hero-content {
position: relative;
z-index: 2;
text-align: center;
}
.hero-content h1 {
font-size: 60px;
font-weight: 600;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 16px;
color: #000;
justify-content: center;
}
@media (max-width: 1199.98px) {
.hero-content h1 {
font-size: 30px;
}
}
@media (max-width: 991.98px) {
.hero-content h1 {
font-size: 24px;
}
}
@media (max-width: 767.98px) {
.hero-content h1 {
font-size: 18px;
}
}
@media (max-width: 575.98px) {
.hero-content h1 {
justify-content: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
}
}
.hero-content h1 span {
position: relative;
display: inline-block;
margin: 0 8px;
}
.hero-content h1 span.vec-1::after {
content: url(../img/icons/hdr-vector-1.svg);
position: absolute;
top: -54px;
right: 20px;
animation: floatUpDown 1.5s infinite linear;
}
.hero-content h1 span.vec-2::after {
content: url(../img/icons/hdr-vector-2.svg);
position: absolute;
bottom: -100px;
left: -50px;
animation: floatUpDown 1.5s infinite linear;
}
.hero-content h2 {
font-size: 40px;
font-weight: 600;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-content: center;
margin-bottom: 24px;
color: #000;
}
@media (max-width: 767.98px) {
.hero-content h2 {
font-size: 34px;
}
}
@media (max-width: 575.98px) {
.hero-content h2 {
justify-content: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
}
}
.hero-content p {
font-size: 15px;
color: #586371;
font-weight: 400;
line-height: 25px;
margin: 0 auto 40px;
max-width: 970px;
position: relative;
}
.hero-content p::after {
content: url(../img/icons/hdr-vector-3.svg);
position: absolute;
bottom: -100px;
right: -50px;
animation: floatUpDown 1.5s infinite linear;
}
.hero-content .hero-rating-card {
display: flex;
flex-flow: wrap;
gap: 24px;
margin: 0 0 40px;
align-items: center;
justify-content: center;
}
.hero-content .hero-rating-card .hero-rating-card-s {
display: flex;
align-items: center;
gap: 10px;
color: #E8AA0D;
}
.hero-content .hero-rating-card .hero-rating-card-e {
font-size: 16px;
font-weight: 500;
color: #000;
}
@media (max-width: 1024px) {
.hero-content {
width: 100%;
}
}
.hero-btns {
display: flex;
gap: 24px;
flex-flow: wrap;
justify-content: center;
align-items: center;
}
.hero-btns .btn {
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 6px;
min-height: 45px;
padding: 12px 24px;
font-size: 16px;
font-weight: 600;
overflow: hidden;
border: 0;
}
.hero-btns .btn.btn-primary {
color: #fff;
background: #ED5C39;
}
.hero-btns .btn.btn-primary:hover {
background: #333333;
}
.hero-btns .btn.btn-light {
color: #ffffff;
background: #333333;
}
.hero-btns .btn.btn-light:hover {
background: #ED5C39;
}
.hero-btns .btn .btn-icon {
font-size: 16px;
width: 21px;
height: 21px;
color: #ffffff;
z-index: 2;
transition: all 0.5s;
display: flex;
align-items: center;
justify-content: center;
}
.hero-list .hero-list-text {
margin: 0 24px 5px 0;
}
@media (max-width: 575.98px) {
.hero-list .hero-list-text {
margin-right: 0;
}
}
.hero-list .hero-list-text:last-child {
margin-right: 0;
}
.hero-list .hero-list-text p {
font-size: 14px;
}
.hero-img {
position: relative;
z-index: 1;
margin: 70px 0 0;
text-align: center;
padding: 16px;
border-radius: 40px;
box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1490196078);
display: inline-flex;
justify-content: center;
align-items: center;
background: rgba(255, 255, 255, 0.1019607843);
backdrop-filter: blur(10px);
}
@media (max-width: 1024px) {
.hero-img {
margin: 40px 0 0;
}
}
@media (max-width: 768px) {
.hero-img {
margin: 24px 0 0;
}
}
.client-section {
padding: 24px 0;
overflow: hidden;
position: relative;
}
.client-section .client-wrapper {
align-items: center;
display: flex;
justify-content: center;
}
.client-section .client-wrapper .client-animate {
opacity: 1;
display: flex;
gap: 60px;
}
@keyframes slide {
0% {
transform: translateX(calc(0% + 50px));
}
100% {
transform: translateX(-100%);
}
}
.feature-one {
padding: 90px 0;
overflow: hidden;
}
@media (max-width: 1024px) {
.feature-one {
padding: 60px 0;
}
}
@media (max-width: 768px) {
.feature-one {
padding: 24px 0;
}
}
.feature-one .sec-img-shape {
position: relative;
}
.feature-one .sec-img-shape img {
border-radius: 20px;
}
.feature-one .sec-img-shape .sec-img-shape-ico {
position: absolute;
width: 100px;
height: 100px;
background: #fff;
padding: 10px 0 0 10px;
bottom: 0;
right: 0;
border-radius: 20px 0 0 0;
}
.feature-one .sec-img-shape .sec-img-shape-ico i {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: #fdefeb;
color: #ED5C39;
font-size: 18px;
}
@media (max-width: 1024px) {
.feature-one .sec-img-shape {
margin-bottom: 24px;
}
}
@media (min-width: 1024px) {
.feature-one .fc-card-1 {
padding-left: 40px;
}
}
.feature-one .fc-card-1 h3 {
font-size: 20px;
color: #000;
text-transform: uppercase;
margin: 0 0 16px;
}
.feature-one .fc-card-1 p {
font-size: 16px;
color: #586371;
line-height: 26px;
margin: 0 0 24px;
}
.feature-one .fc-card-1 ul {
display: flex;
gap: 16px;
flex-direction: column;
margin: 0 0 24px;
}
.feature-one .fc-card-1 ul li {
display: flex;
gap: 12px;
color: #586371;
font-size: 16px;
}
.feature-one .fc-card-1 ul li i {
display: inline-flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
background: rgba(51, 51, 51, 0.1019607843);
color: #000;
font-size: 16px;
flex-shrink: 0;
border-radius: 50%;
}
.business-section {
padding: 90px 0;
}
@media (max-width: 1199.98px) {
.business-section {
padding: 80px 0;
}
}
@media (max-width: 991.98px) {
.business-section {
padding: 60px 0;
}
}
@media (max-width: 767.98px) {
.business-section {
padding: 40px 0;
}
}
.section-header {
text-align: center;
margin-bottom: 70px;
}
@media (max-width: 991.98px) {
.section-header {
margin-bottom: 60px;
}
}
@media (max-width: 767.98px) {
.section-header {
margin-bottom: 40px;
}
}
.section-header h2 {
font-size: 34px;
font-weight: 700;
margin-bottom: 20px;
text-transform: capitalize;
}
@media (max-width: 991.98px) {
.section-header h2 {
font-size: 34px;
}
}
@media (max-width: 767.98px) {
.section-header h2 {
font-size: 26px;
margin-bottom: 15px;
}
}
.section-header .section-header-btn {
text-align: right;
}
@media (max-width: 767.98px) {
.section-header .section-header-btn {
text-align: left;
margin-top: 20px;
}
}
.section-header .section-header-btn .btn {
font-size: 15px;
font-weight: 500;
min-width: 230px;
display: -webkit-box;
display: -ms-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-content: space-between;
-webkit-justify-content: space-between;
-ms-flex-pack: space-between;
padding: 10px 14px 10px 24px;
background: transparent;
color: #ffffff;
border: 1px solid #ffffff;
border-radius: 100px;
}
@media (max-width: 767.98px) {
.section-header .section-header-btn .btn {
font-size: 14px;
}
}
.section-header .section-header-btn .btn:hover {
color: #ffffff;
background: #0E82FD;
border: 1px solid #0E82FD;
}
.section-header .section-header-btn .btn span {
font-size: 16px;
width: 34px;
height: 22px;
border-radius: 100px;
display: -webkit-box;
display: -ms-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-content: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
color: #000000;
background: #ffffff;
}
.section-header .secure-title {
max-width: 800px;
width: 100%;
margin: 0 auto 20px;
}
@media (max-width: 767.98px) {
.section-header .secure-title {
margin: 0 auto 15px;
}
}
.section-header .secure-title img {
position: relative;
top: 5px;
width: 40px;
}
@media (max-width: 575.98px) {
.section-header .secure-title img {
width: 30px;
}
}
.award-section {
padding: 45px 0 90px;
}
@media (max-width: 1199.98px) {
.award-section {
padding: 45px 0 80px;
}
}
@media (max-width: 991.98px) {
.award-section {
padding: 45px 0;
}
}
@media (max-width: 767.98px) {
.award-section {
padding: 24px 0;
}
}
.award-section .award-container {
background: #333333 url(../img/icons/aw-bg.png) no-repeat;
background-size: cover;
padding: 40px;
border-radius: 30px;
}
.award-section .award-container .award-card h3 {
font-size: 24px;
color: #fff;
font-weight: 600;
line-height: 40px;
margin: 0 0 30px;
}
.award-section .award-container .award-card .btn-ico-rounded {
display: inline-flex;
align-items: center;
justify-content: center;
width: 70px;
height: 70px;
background: rgba(237, 92, 57, 0.1019607843);
border-radius: 50%;
color: #ED5C39;
font-size: 20px;
transition: all 0.5s;
}
.award-section .award-container .award-card .btn-ico-rounded:hover {
background: #ED5C39;
color: #fff;
transform: rotate(45deg);
}
.award-section .award-container .award-card-list {
display: flex;
justify-content: space-around;
flex-flow: wrap;
}
.award-section .award-container .award-card-list h4 {
font-size: 34px;
font-weight: 600;
margin: 24px 0 0;
color: #FFFFFF;
}
.award-section .award-container .award-card-list p {
font-size: 16px;
font-weight: 600;
color: #FFFFFF;
font-style: italic;
}
.feature-two {
padding: 90px 0;
background: url(../img/sec-bg-4.png) no-repeat;
background-size: cover;
}
@media (max-width: 1199.98px) {
.feature-two {
padding: 80px 0;
}
}
@media (max-width: 991.98px) {
.feature-two {
padding: 60px 0;
}
}
@media (max-width: 767.98px) {
.feature-two {
padding: 40px 0;
}
}
.feature-two .fc-card-2 {
border: 1px solid rgba(51, 51, 51, 0.1019607843);
border-radius: 20px;
background: #fff;
overflow: hidden;
height: 100%;
display: flex;
flex-direction: column;
}
.feature-two .fc-card-2 .fc-card-2-bg-outer {
padding: 16px;
margin: 0 0 8px;
}
.feature-two .fc-card-2 .fc-card-2-bg-outer .fc-card-2-bg {
background: rgba(51, 51, 51, 0.0509803922);
padding: 9px 16px 16px;
border-radius: 10px;
text-align: center;
}
.feature-two .fc-card-2 .fc-card-2-bg-outer .fc-card-2-bg img {
height: 180px;
width: 100%;
object-fit: cover;
border-radius: 10px;
}
.feature-two .fc-card-2 .fc-card-2-bg-outer .fc-card-2-bg h3 {
font-size: 24px;
font-weight: 600;
color: #000;
margin: 24px 0 8px;
}
.feature-two .fc-card-2 .fc-card-2-bg-outer .fc-card-2-bg p {
font-size: 14px;
font-weight: 500;
}
.feature-two .fc-card-2 .fc-card-2-content {
border-top: 1px solid rgba(51, 51, 51, 0.1019607843);
padding: 24px 16px 0;
margin: 0 0 40px;
}
.feature-two .fc-card-2 .fc-card-2-content h5 {
font-size: 16px;
font-weight: 500;
color: #000;
margin: 0 0 24px;
}
.feature-two .fc-card-2 .fc-card-2-content ul {
display: flex;
flex-direction: column;
gap: 20px;
margin: 0 0 24px;
}
.feature-two .fc-card-2 .fc-card-2-content ul li {
display: flex;
gap: 15px;
color: #333333;
font-size: 15px;
}
.feature-two .fc-card-2 .fc-card-2-content ul li i {
flex-shrink: 0;
}
.feature-two .fc-card-2 .fc-card-2-content .fc-card-2-vm a {
text-decoration: underline;
font-weight: 500;
color: #000;
font-size: 14px;
flex-shrink: 0;
}
.feature-two .fc-card-2 .fc-card-2-content .fc-card-2-vm .fc-danger {
color: #ED5C39;
font-weight: 500;
font-size: 14px;
}
.feature-two .fc-card-2 .fc-card-2-btn {
margin-top: auto;
}
.feature-two .fc-card-2 .fc-card-2-btn .btn {
width: 100%;
border-radius: 0;
}
.business-details .business-info {
border-bottom: 1px solid #E1E1E1;
margin-bottom: 40px;
padding-bottom: 30px;
}
.business-details .business-info:last-child {
border: 0;
padding-bottom: 0;
margin-bottom: 0;
}
@media (max-width: 767.98px) {
.business-details .business-info:last-child {
border: 1px solid #E1E1E1;
margin-bottom: 0;
padding: 20px;
}
}
@media (max-width: 767.98px) {
.business-details .business-info {
border: 1px solid #E1E1E1;
margin-bottom: 20px;
padding: 20px;
border-radius: 10px;
}
}
.business-details .business-info .business-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
}
@media (max-width: 767.98px) {
.business-details .business-info .business-content {
display: block;
}
}
.business-details .business-info .business-content h2 {
font-size: 85px;
font-weight: 800;
margin-right: 40px;
color: transparent;
-webkit-text-stroke: 1px #000000;
}
@media (max-width: 767.98px) {
.business-details .business-info .business-content h2 {
font-size: 50px;
margin-right: 0;
margin-bottom: 10px;
}
}
@media (max-width: 991.98px) {
.business-details .business-info .business-content .business-text {
margin-bottom: 20px;
text-align: left !important;
}
}
.business-details .business-info .business-content .business-text h4 {
font-size: 30px;
font-weight: 700;
margin-bottom: 10px;
text-transform: uppercase;
}
@media (max-width: 767.98px) {
.business-details .business-info .business-content .business-text h4 {
font-size: 18px;
}
}
.business-details .business-info .business-content .business-text h6 {
font-size: 20px;
font-weight: 600;
margin-bottom: 24px;
text-transform: uppercase;
color: #03045E;
}
@media (max-width: 767.98px) {
.business-details .business-info .business-content .business-text h6 {
font-size: 16px;
}
}
.business-details .business-info .business-content .business-text p {
font-size: 21px;
font-weight: 500;
color: #8593A3;
margin-bottom: 30px;
}
@media (max-width: 767.98px) {
.business-details .business-info .business-content .business-text p {
font-size: 14px;
margin-bottom: 15px;
}
}
.business-details .business-info .business-content .business-text .nav {
gap: 20px;
}
@media (max-width: 767.98px) {
.business-details .business-info .business-content .business-text .nav {
gap: 10px;
}
}
.business-details .business-info .business-content .business-text .nav li {
font-size: 15px;
width: 45%;
}
@media (max-width: 767.98px) {
.business-details .business-info .business-content .business-text .nav li {
font-size: 14px;
width: 100%;
}
}
.business-details .business-info .business-right {
text-align: right;
}
@media (max-width: 991.98px) {
.business-details .business-info .business-right {
text-align: left;
}
}
.business-details .business-info .business-right img {
width: 100%;
height: 170px;
border-radius: 30px;
-o-object-fit: cover;
object-fit: cover;
}
.action-btn {
text-align: center;
padding: 70px 0 0;
}
@media (max-width: 991.98px) {
.action-btn {
padding: 40px 0 0;
}
}
@media (max-width: 767.98px) {
.action-btn {
padding: 20px 0 0;
}
}
.action-btn .btn-primary {
gap: 25px;
color: #03045E;
background: #CAF0F8;
font-size: 16px;
font-weight: 500;
padding: 10px 10px 10px 25px;
border: 0;
position: relative;
transition: all 0.3s ease-in-out 0s;
}
@media (max-width: 575.98px) {
.action-btn .btn-primary {
margin-right: 0;
}
}
.action-btn .btn-primary .btn-icon {
font-size: 16px;
width: 45px;
height: 45px;
border-radius: 100px;
display: -webkit-box;
display: -ms-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-content: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
flex-shrink: 0;
background: #0E82FD;
color: #ffffff;
z-index: 2;
}
.action-btn .btn-primary::after {
position: absolute;
content: "";
width: 45px;
height: 45px;
background: #0E82FD;
right: 10px;
top: 10px;
border-radius: 50px;
z-index: 0;
transition: all 0.3s ease-in-out 0s;
}
.action-btn .btn-primary:hover {
z-index: 9;
color: #fff;
transition: all 0.3s ease-in-out 0s;
}
.action-btn .btn-primary:hover .btn-text {
text-shadow: 0 40px 0 #fff;
transform: translateY(0);
transition: all 0.3s ease-in-out 0s;
z-index: 9;
}
.action-btn .btn-primary:hover .btn-icon i {
transform: rotate(45deg);
}
.action-btn .btn-primary:hover .btn-icon::after {
width: calc(100% - 20px);
transition: all 0.3s ease-in-out 0s;
}
.action-btn .btn-primary:hover::after {
width: calc(100% - 20px);
transition: all 0.3s ease-in-out 0s;
}
.act-btn {
display: flex;
gap: 24px;
flex-flow: wrap;
}
.act-btn .btn {
font-size: 16px;
font-weight: 600;
border-radius: 6px;
padding: 12px 24px;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
border: 0 none;
transition: all 0.5s;
}
.act-btn .btn.btn-primary {
background: #ED5C39;
color: #fff;
}
.act-btn .btn.btn-primary:hover {
background: #333333;
}
.act-btn .btn.btn-dark {
background: #333333;
color: #fff;
}
.act-btn .btn.btn-dark:hover {
background: #ED5C39;
}
.act-btn .btn.btn-grey {
background: rgba(51, 51, 51, 0.1019607843);
color: #333333;
}
.act-btn .btn.btn-grey:hover {
background: #333333;
color: #fff;
}
.section-faq {
padding: 90px 0;
background: url(../img/sec-bg-6.png) no-repeat;
background-size: cover;
overflow: hidden;
}
@media (max-width: 1024px) {
.section-faq {
padding: 60px 0;
}
}
@media (max-width: 768px) {
.section-faq {
padding: 24px 0;
}
}
.section-faq .accordion-container {
position: relative;
background: #fff;
box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.1019607843);
border-radius: 20px;
}
.section-faq .accordion-container .accordion-container-hdr h3 {
font-size: 24px;
font-weight: 700;
color: #000;
padding: 40px;
margin: 0;
}
.section-faq .accordion-container .accordion-item {
border-color: rgba(51, 51, 51, 0.1019607843);
border-style: solid;
border-width: 1px 0 0 0;
border-radius: 0;
overflow: hidden;
background: transparent;
}
.section-faq .accordion-container .accordion-item .accordion-button {
display: flex;
gap: 24px;
padding: 30px 40px;
}
.section-faq .accordion-container .accordion-item .accordion-button::after {
display: none;
}
.section-faq .accordion-container .accordion-item .accordion-button .faq-number {
font-size: 50px;
font-weight: 700;
color: transparent;
-webkit-text-stroke: 1px #414141;
text-stroke: 1px #414141;
font-family: "Figtree";
}
@media (max-width: 768px) {
.section-faq .accordion-container .accordion-item .accordion-button .faq-number {
font-size: 26px;
}
}
.section-faq .accordion-container .accordion-item .accordion-button .hdr {
color: #000;
font-size: 20px;
font-weight: 600;
}
@media (max-width: 768px) {
.section-faq .accordion-container .accordion-item .accordion-button .hdr {
font-size: 18px;
}
}
.section-faq .accordion-container .accordion-item .accordion-button .collapse-icon {
width: 40px;
height: 40px;
border-radius: 50%;
background: #fff;
color: #ED5C39;
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.section-faq .accordion-container .accordion-item .accordion-button.collapsed {
background: transparent;
z-index: 2;
}
.section-faq .accordion-container .accordion-item .accordion-button.collapsed .collapse-icon {
background: rgba(51, 51, 51, 0.1019607843);
color: #333;
transform: rotate(-90deg);
}
.section-faq .accordion-container .accordion-item .accordion-button:not(.collapsed) {
background: transparent;
box-shadow: 0 0 0;
}
.section-faq .accordion-container .accordion-item .accordion-body {
color: #606060;
font-size: 18px;
font-weight: 400;
padding-top: 0;
padding-left: 40px;
}
@media (max-width: 768px) {
.section-faq .accordion-container .accordion-item .accordion-body {
font-size: 14px;
padding-left: 72px;
}
}
.section-faq .accordion-container .accordion-item .accordion-collapse.show {
position: relative;
}
.section-faq .accordion-container .accordion-item .accordion-collapse.show ::before {
content: "";
position: absolute;
width: 8px;
height: calc(100% + 90px);
left: 8px;
top: -90px;
border-radius: 33px;
z-index: 2;
}
.section-faq .accordion-container .accordion-item:has(.accordion-collapse.show) {
transform: scale(1.06);
border: 1px solid #ED5C39;
background: rgba(237, 92, 57, 0.0705882353);
border-radius: 20px;
}
@media (max-width: 768px) {
.section-faq .accordion-container .accordion-item:has(.accordion-collapse.show) {
transform: scale(1);
}
}
@media (min-width: 768px) {
.section-faq .feature-sass-card {
padding-left: 40px;
}
}
.section-faq .feature-sass-card .sec-img {
margin-bottom: 24px;
}
.section-faq .feature-sass-card .sec-img img {
border-radius: 20px;
width: 100%;
object-fit: cover;
max-height: 340px;
}
.section-faq .feature-sass-card h4 {
font-size: 24px;
font-weight: 600;
color: #000;
margin: 0 0 24px;
}
.section-faq .feature-sass-card ul {
display: flex;
gap: 12px;
flex-direction: column;
margin: 0 0 40px;
}
.section-faq .feature-sass-card ul li {
display: flex;
gap: 12px;
color: #333333;
font-size: 15px;
font-weight: 500;
line-height: 22px;
}
.section-faq .feature-sass-card ul li i {
color: #D9A441;
font-size: 16px;
flex-shrink: 0;
}
.section-faq .act-btn {
margin-top: 70px;
}
@media (max-width: 991.98px) {
.section-faq .act-btn {
margin-top: 30px;
}
}
@media (max-width: 767.98px) {
.section-faq .act-btn {
margin-top: 24px;
}
}
.section-enhanced {
padding: 60px 0;
}
@media (max-width: 1024px) {
.section-enhanced {
padding: 30px 0;
}
}
@media (max-width: 768px) {
.section-enhanced {
padding: 24px 0;
}
}
.section-enhanced .swiper-wrapper {
padding-bottom: 35px;
padding-left: 60px;
}
.section-enhanced .swiper-wrapper .swiper-slide:nth-child(even) .ec-card .ec-card-img {
order: 2;
}
.section-enhanced .swiper-wrapper .swiper-slide:nth-child(even) .ec-card .ec-card-img .ec-card-icon {
top: 0;
bottom: auto;
}
@media (max-width: 1024px) {
.section-enhanced .swiper-wrapper {
padding: 0 10px 35px;
}
}
.section-enhanced .swiper-scrollbar {
height: 15px;
width: calc(100% - 90px);
margin: 0 auto;
left: calc(0% + 45px);
}
.section-enhanced .swiper-scrollbar .swiper-scrollbar-drag {
height: 15px;
background: linear-gradient(to right, #1B3D74 20%, #0E82FD 100%);
}
.section-enhanced .action-btn {
padding: 40px 0 0;
}
@media (max-width: 991.98px) {
.section-enhanced .action-btn {
padding: 20px 0 0;
}
}
.section-enhanced.sec-casestudies {
background: url(../img/sec-bg-2.png);
background-repeat: no-repeat;
background-position: top center;
background-size: cover;
}
.section-enhanced.sec-casestudies .ec-card .ec-card-img .ec-card-icon {
background: #fff;
color: transparent;
-webkit-text-stroke: 1px #141414;
text-stroke: 1px #141414;
font-family: "Figtree";
width: 80px;
height: 82px;
border-radius: 20px;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 80px;
flex-shrink: 0;
position: absolute;
bottom: 0;
left: 0;
}
@media (max-width: 1024px) {
.section-enhanced.sec-casestudies .ec-card .ec-card-img .ec-card-icon {
font-size: 56px;
}
}
.section-enhanced.sec-casestudies .ec-card .ec-card-content {
display: flex;
gap: 5px;
}
.section-enhanced.sec-casestudies .ec-card .ec-card-content .ec-card-desc {
width: 100%;
margin-left: auto;
}
.section-enhanced.sec-casestudies .ec-card .ec-card-content .ec-card-desc h4 {
margin: 0 0 8px;
font-size: 24px;
font-weight: 600;
color: #141414;
}
.section-enhanced.sec-casestudies .ec-card .ec-card-content .ec-card-desc p {
margin: 0;
font-size: 15px;
color: #141414;
}
.ec-card {
display: flex;
flex-direction: column;
align-items: center;
}
.ec-card .ec-card-img {
position: relative;
}
.ec-card .ec-card-img .ec-card-icon {
background: #CAF0F8;
color: #03045E;
width: 80px;
height: 82px;
border-radius: 20px;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 32px;
flex-shrink: 0;
position: absolute;
bottom: 0;
left: 0;
}
.ec-card .ec-card-content {
display: flex;
gap: 5px;
}
.ec-card .ec-card-content .ec-card-desc {
width: calc(100% - 95px);
margin-left: auto;
}
@media (max-width: 1024px) {
.ec-card .ec-card-content .ec-card-desc {
width: 100%;
}
}
.ec-card .ec-card-content .ec-card-desc h4 {
margin: 0 0 8px;
font-size: 32px;
font-weight: 600;
color: #141414;
}
@media (max-width: 1024px) {
.ec-card .ec-card-content .ec-card-desc h4 {
font-size: 24px;
}
}
@media (max-width: 768px) {
.ec-card .ec-card-content .ec-card-desc h4 {
font-size: 16px;
}
}
.ec-card .ec-card-content .ec-card-desc p {
margin: 0 0 8px;
font-size: 15px;
color: #03045E;
}
.ec-card .ec-card-content .ec-card-desc p.fc-1 {
margin: 0;
color: #8593A3;
}
.sec-btn {
margin: 24px 0 0;
}
.sec-btn .btn-w-ico {
font-size: 30px;
font-weight: 600;
border-style: solid;
border-width: 0 0 0 3px;
border-color: #1A1A1A;
padding: 15px 15px 15px 30px;
color: #1A1A1A;
display: inline-flex;
align-items: center;
justify-content: space-between;
gap: 50px;
border-radius: 0;
text-align: left;
}
.sec-btn .btn-w-ico i {
font-size: 50px;
}
@media (max-width: 1024px) {
.sec-btn .btn-w-ico i {
font-size: 24px;
}
}
@media (max-width: 1024px) {
.sec-btn .btn-w-ico i {
font-size: 18px;
}
}
@media (max-width: 1024px) {
.sec-btn .btn-w-ico {
gap: 24px;
font-size: 20px;
}
}
@media (max-width: 1024px) {
.sec-btn .btn-w-ico {
gap: 12px;
font-size: 16px;
}
}
@media (max-width: 1024px) {
.sec-btn {
margin: 24px 0 24px;
}
}
.section-whydoc {
padding: 60px 0;
background: url(../img/sec-bg-3.png);
background-repeat: no-repeat;
background-position: top center;
background-size: cover;
}
@media (max-width: 1024px) {
.section-whydoc {
padding: 30px 0;
}
}
@media (max-width: 768px) {
.section-whydoc {
padding: 24px 0;
}
}
.section-whydoc .accordion-container {
position: relative;
}
.section-whydoc .accordion-container .accordion-item {
margin: 0 0 14px;
border-radius: 14px;
border: 0;
overflow: hidden;
background: transparent;
border: 1px solid rgba(133, 147, 163, 0.5019607843);
padding: 15px;
}
.section-whydoc .accordion-container .accordion-item .accordion-button {
display: flex;
gap: 24px;
padding: 10px 20px;
background: rgba(27, 61, 116, 0.0392156863);
border-radius: 10px;
}
.section-whydoc .accordion-container .accordion-item .accordion-button::after {
display: none;
}
.section-whydoc .accordion-container .accordion-item .accordion-button .faq-number {
font-size: 50px;
font-weight: 700;
color: transparent;
-webkit-text-stroke: 1px #000;
text-stroke: 1px #000;
font-family: "Figtree";
}
@media (max-width: 768px) {
.section-whydoc .accordion-container .accordion-item .accordion-button .faq-number {
font-size: 26px;
}
}
.section-whydoc .accordion-container .accordion-item .accordion-button .hdr {
color: #000000;
font-size: 20px;
font-weight: 700;
line-height: 30px;
}
@media (max-width: 768px) {
.section-whydoc .accordion-container .accordion-item .accordion-button .hdr {
font-size: 18px;
}
}
.section-whydoc .accordion-container .accordion-item .accordion-button .collapse-icon {
width: 50px;
height: 50px;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.section-whydoc .accordion-container .accordion-item .accordion-button .collapse-icon .accor-icon {
position: relative;
}
.section-whydoc .accordion-container .accordion-item .accordion-button .collapse-icon .accor-icon::after {
content: url(../img/minus.png);
}
.section-whydoc .accordion-container .accordion-item .accordion-button.collapsed {
background: rgba(27, 61, 116, 0.0392156863);
z-index: 2;
}
.section-whydoc .accordion-container .accordion-item .accordion-button.collapsed .collapse-icon {
transform: rotate(-90deg);
}
.section-whydoc .accordion-container .accordion-item .accordion-button.collapsed .collapse-icon .accor-icon::after {
content: url(../img/plus.png);
}
.section-whydoc .accordion-container .accordion-item .accordion-button:not(.collapsed) {
background: rgba(27, 61, 116, 0.0392156863);
box-shadow: 0 0 0;
}
.section-whydoc .accordion-container .accordion-item .accordion-body {
color: rgba(26, 26, 26, 0.6980392157);
font-size: 18px;
font-weight: 500;
padding-top: 0;
}
.section-whydoc .accordion-container .accordion-item .accordion-body ul {
display: flex;
flex-direction: column;
gap: 15px;
margin: 20px 0 0;
}
.section-whydoc .accordion-container .accordion-item .accordion-body ul li {
display: flex;
gap: 5px;
}
.section-whydoc .accordion-container .accordion-item .accordion-body ul li i {
color: #1B3D74;
flex-shrink: 0;
}
@media (max-width: 768px) {
.section-whydoc .accordion-container .accordion-item .accordion-body {
font-size: 14px;
padding-left: 72px;
}
}
@media (max-width: 1024px) {
.section-whydoc .accordion-container {
margin-top: 24px;
}
}
.section-faq-3 {
padding: 60px 0;
background: #ffffff;
overflow: hidden;
}
@media (max-width: 1024px) {
.section-faq-3 {
padding: 40px 0;
}
}
@media (max-width: 768px) {
.section-faq-3 {
padding: 24px 0;
}
}
.section-faq-3 .section-header {
margin-bottom: 40px;
}
@media (max-width: 767.98px) {
.section-faq-3 .section-header {
margin-bottom: 24px;
}
}
.section-faq-3 .fs-3 {
font-size: 28px;
font-weight: 600;
margin: 0 0 24px;
}
.section-faq-3 .sec-faq-e {
display: flex;
height: 100%;
flex-direction: column;
justify-content: center;
}
.section-faq-3 .sec-img img {
width: 100%;
border-radius: 20px;
object-fit: cover;
}
.section-faq-3 .accordion-container {
position: relative;
}
.section-faq-3 .accordion-container .accordion-item {
margin: 0 0 14px;
border-radius: 30px;
border: 0;
overflow: hidden;
background: linear-gradient(to right, rgba(51, 51, 51, 0.1), rgba(237, 92, 57, 0.1));
padding: 24px;
}
.section-faq-3 .accordion-container .accordion-item .accordion-button {
display: flex;
gap: 24px;
padding: 0;
background: rgba(27, 61, 116, 0.0392156863);
border-radius: 10px;
}
.section-faq-3 .accordion-container .accordion-item .accordion-button::after {
display: none;
}
.section-faq-3 .accordion-container .accordion-item .accordion-button .faq-number {
font-size: 50px;
font-weight: 700;
color: transparent;
-webkit-text-stroke: 1px #000;
text-stroke: 1px #000;
font-family: "Figtree";
}
@media (max-width: 768px) {
.section-faq-3 .accordion-container .accordion-item .accordion-button .faq-number {
font-size: 26px;
}
}
.section-faq-3 .accordion-container .accordion-item .accordion-button .hdr {
color: #000000;
font-size: 24px;
font-weight: 700;
}
@media (max-width: 768px) {
.section-faq-3 .accordion-container .accordion-item .accordion-button .hdr {
font-size: 18px;
}
}
.section-faq-3 .accordion-container .accordion-item .accordion-button .collapse-icon {
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
font-size: 24px;
}
.section-faq-3 .accordion-container .accordion-item .accordion-button .collapse-icon .accor-icon {
position: relative;
}
.section-faq-3 .accordion-container .accordion-item .accordion-button .collapse-icon .accor-icon::after {
content: "\eaf2";
font-family: "tabler-icons";
transition: all 0.5s;
}
.section-faq-3 .accordion-container .accordion-item .accordion-button.collapsed {
background: transparent;
z-index: 2;
}
.section-faq-3 .accordion-container .accordion-item .accordion-button.collapsed .collapse-icon {
transform: rotate(-90deg);
}
.section-faq-3 .accordion-container .accordion-item .accordion-button.collapsed .collapse-icon .accor-icon::after {
content: "\eb0b";
font-family: "tabler-icons";
transition: all 0.5s;
}
.section-faq-3 .accordion-container .accordion-item .accordion-button:not(.collapsed) {
background: transparent;
box-shadow: 0 0 0;
}
.section-faq-3 .accordion-container .accordion-item .accordion-body {
color: rgba(26, 26, 26, 0.6980392157);
font-size: 16px;
font-weight: 400;
padding: 16px 0 0;
line-height: 24px;
}
.section-faq-3 .accordion-container .accordion-item .accordion-body ul {
display: flex;
flex-direction: column;
gap: 15px;
margin: 20px 0 0;
}
.section-faq-3 .accordion-container .accordion-item .accordion-body ul li {
display: flex;
gap: 5px;
}
.section-faq-3 .accordion-container .accordion-item .accordion-body ul li i {
color: #1B3D74;
flex-shrink: 0;
}
@media (max-width: 768px) {
.section-faq-3 .accordion-container .accordion-item .accordion-body {
font-size: 14px;
}
}
.section-faq-3 .act-btn {
margin-top: 70px;
}
@media (max-width: 991.98px) {
.section-faq-3 .act-btn {
margin-top: 30px;
}
}
@media (max-width: 767.98px) {
.section-faq-3 .act-btn {
margin-top: 24px;
}
}
.section-eg {
padding: 60px 0;
}
@media (max-width: 1024px) {
.section-eg {
padding: 30px 0;
}
}
@media (max-width: 768px) {
.section-eg {
padding: 24px 0;
}
}
.section-eg .ec-highlight-list {
display: flex;
flex-direction: column;
gap: 24px;
justify-content: center;
height: 100%;
}
.section-eg .ec-highlight-list .ec-highlight-card {
padding: 30px;
background: #CAF0F8;
border-radius: 15px;
}
.section-eg .ec-highlight-list .ec-highlight-card h3 {
color: #26262C;
font-size: 25px;
font-weight: 600;
line-height: 35px;
margin: 0 0 12px;
}
.section-eg .ec-highlight-list .ec-highlight-card p {
font-size: 18px;
color: #5F6873;
line-height: 23px;
}
.section-eg .ec-highlight-list.ec-highlight-list-2 {
justify-content: start;
}
.section-eg .ec-highlight-list.ec-highlight-list-2 .ec-highlight-card {
background: #f0f1f1;
}
@media (max-width: 1024px) {
.section-eg .ec-highlight-list {
margin-bottom: 24px;
}
}
.section-journey {
position: relative;
overflow: hidden;
background-image: url(../img/sec-bg.png);
background-repeat: no-repeat;
background-position: top center;
background-size: contain;
padding: 60px 0;
background-color: #16315d;
}
@media (max-width: 1024px) {
.section-journey {
padding: 30px 0;
background-color: #16315d;
}
}
@media (max-width: 768px) {
.section-journey {
padding: 24px 0;
}
}
.section-journey .section-header h2 {
color: #fff;
}
.section-journey .section-header p {
color: #fff;
}
.section-journey .roadmap-s h3 {
color: #fff;
font-size: 28px;
font-weight: 700;
text-transform: uppercase;
margin: 0 0 10px;
}
.section-journey .roadmap-s p {
color: #fff;
}
.section-journey .roadmap-s ul {
display: flex;
flex-direction: column;
gap: 8px;
}
.section-journey .roadmap-s ul li {
display: flex;
gap: 10px;
align-items: center;
color: #fff;
font-size: 15px;
font-weight: 500;
}
.section-journey .roadmap-s ul li i {
color: #CAF0F8;
flex-shrink: 0;
}
.section-journey .roadmap-e .gallery-wrapper {
display: flex;
gap: 30px;
}
@media (max-width: 1024px) {
.section-journey .roadmap-e .gallery-wrapper {
gap: 10px;
}
}
.section-journey .roadmap-e .gallery-wrapper .thumbsSwiper {
width: 230px;
height: 600px;
}
.section-journey .roadmap-e .gallery-wrapper .thumbsSwiper .swiper-slide {
font-size: 23px;
font-weight: 700;
color: transparent;
-webkit-text-stroke: 1px rgba(255, 255, 255, 0.6784313725);
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
}
.section-journey .roadmap-e .gallery-wrapper .thumbsSwiper .swiper-slide img {
display: none;
}
.section-journey .roadmap-e .gallery-wrapper .thumbsSwiper .swiper-slide.swiper-slide-thumb-active {
font-size: 65px;
color: #CAF0F8;
}
.section-journey .roadmap-e .gallery-wrapper .thumbsSwiper .swiper-slide.swiper-slide-thumb-active img {
display: block;
}
@media (max-width: 1024px) {
.section-journey .roadmap-e .gallery-wrapper .thumbsSwiper .swiper-slide.swiper-slide-thumb-active {
font-size: 32px;
}
.section-journey .roadmap-e .gallery-wrapper .thumbsSwiper .swiper-slide.swiper-slide-thumb-active img {
display: none;
}
}
@media (max-width: 768px) {
.section-journey .roadmap-e .gallery-wrapper .thumbsSwiper .swiper-slide.swiper-slide-thumb-active {
font-size: 24px img;
font-size-display: none;
}
}
@media (max-width: 1024px) {
.section-journey .roadmap-e .gallery-wrapper .thumbsSwiper {
width: 80px;
}
}
.section-journey .roadmap-e .gallery-wrapper .mainSwiper {
width: calc(100% - 230px);
}
@media (max-width: 1024px) {
.section-journey .roadmap-e .gallery-wrapper .mainSwiper {
width: calc(100% - 80px);
margin-top: 24px;
}
}
.section-journey .roadmap-e .roadmap-list {
padding: 40px;
border-radius: 23px;
background: rgba(255, 255, 255, 0.1);
}
.section-journey .roadmap-e .roadmap-list h3 {
font-size: 30px;
font-weight: 600;
line-height: 40px;
color: #fff;
margin: 0 0 40px;
}
@media (max-width: 1024px) {
.section-journey .roadmap-e .roadmap-list h3 {
font-size: 24px;
}
}
@media (max-width: 1024px) {
.section-journey .roadmap-e .roadmap-list h3 {
font-size: 18px;
}
}
.section-journey .roadmap-e .roadmap-list ul {
display: flex;
flex-direction: column;
gap: 8px;
}
.section-journey .roadmap-e .roadmap-list ul li {
padding: 24px 16px;
background: rgba(255, 255, 255, 0.1019607843);
border-radius: 10px;
display: flex;
gap: 10px;
align-items: center;
color: #fff;
font-size: 15px;
font-weight: 500;
}
.section-journey .roadmap-e .roadmap-list ul li i {
color: #CAF0F8;
flex-shrink: 0;
}
@media (max-width: 1024px) {
.section-journey .roadmap-e .roadmap-list ul li {
padding: 16px;
}
}
@media (max-width: 768px) {
.section-journey .roadmap-e .roadmap-list ul li {
padding: 12px;
}
}
@media (max-width: 1024px) {
.section-journey .roadmap-e .roadmap-list {
padding: 24px;
}
}
.secure-main-section {
position: relative;
overflow: hidden;
background-image: url(../img/secure-bg.jpg);
background-repeat: no-repeat;
background-position: top center;
background-size: cover;
}
.secure-section {
padding: 0 0 90px;
}
@media (max-width: 1199.98px) {
.secure-section {
padding: 0 0 80px;
}
}
@media (max-width: 991.98px) {
.secure-section {
padding: 0 0 60px;
}
}
@media (max-width: 767.98px) {
.secure-section {
padding: 0 0 40px;
}
}
.secure-img {
position: relative;
}
@media (max-width: 991.98px) {
.secure-img {
margin-bottom: 20px;
}
.secure-img .img-fluid {
width: 100%;
}
}
.secure-img .shape-img {
position: absolute;
top: 120px;
right: 160px;
-webkit-animation: mover 1s infinite alternate;
animation: mover 1s infinite alternate;
}
@media (max-width: 1199.98px) {
.secure-img .shape-img {
display: none;
}
}
@-webkit-keyframes mover {
0% {
transform: translateY(0px);
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
}
100% {
transform: translateY(-15px);
-webkit-transform: translateY(-15px);
-ms-transform: translateY(-15px);
}
}
@keyframes mover {
0% {
transform: translateY(0px);
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
}
100% {
transform: translateY(-15px);
-webkit-transform: translateY(-15px);
-ms-transform: translateY(-15px);
}
}
.data-card {
padding: 40px;
background: linear-gradient(90deg, rgba(27, 61, 116, 0.1) 0%, rgba(185, 166, 116, 0.1) 100%);
border-radius: 50px;
}
@media (max-width: 991.98px) {
.data-card {
padding: 30px;
}
}
@media (max-width: 767.98px) {
.data-card {
padding: 20px;
border-radius: 10px;
}
}
.data-card.insurance-data-card .insurance-data-text {
margin-top: 8px;
margin-left: 24px;
}
.data-card.insurance-data-card .insurance-data-text p {
font-size: 14px;
margin-bottom: 8px;
}
.data-card.insurance-data-card .insurance-data-text p:last-child {
margin-bottom: 0;
}
.data-card.insurance-data-card .data-btns {
margin-top: 40px;
}
.data-card.insurance-data-card .data-btns .btn {
width: 100%;
justify-content: space-between;
-webkit-justify-content: space-between;
-ms-flex-pack: space-between;
padding: 10px 14px 10px 24px;
}
.data-card.insurance-data-card .data-btns .btn span {
font-size: 16px;
width: 34px;
height: 22px;
border-radius: 100px;
display: -webkit-box;
display: -ms-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-content: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
}
.data-card.insurance-data-card .data-btns .btn-primary span {
color: #000000;
background: #ffffff;
}
@media (max-width: 575.98px) {
.data-card.insurance-data-card .data-btns .btn-light {
margin: 15px 0 0;
}
}
.data-card.insurance-data-card .data-btns .btn-light:hover span {
color: #000000;
background: #ffffff;
}
.data-card.insurance-data-card .data-btns .btn-light span {
color: #ffffff;
background: #000000;
}
.data-card .data-title {
margin-bottom: 40px;
}
@media (max-width: 767.98px) {
.data-card .data-title {
margin-bottom: 20px;
}
}
.data-card .data-title h4 {
font-size: 30px;
font-weight: 700;
margin-bottom: 10px;
}
@media (max-width: 767.98px) {
.data-card .data-title h4 {
font-size: 20px;
}
}
.data-card .data-title p {
color: #8593A3;
}
.data-card .data-details .data-info {
background: linear-gradient(90deg, #ECF3FF 0%, #FCF5E2 100%);
border: 1px solid #B0C2E0;
border-radius: 10px;
padding: 24px 16px;
margin-bottom: 8px;
}
.data-card .data-details .data-info:last-child {
margin-bottom: 0;
}
@media (max-width: 767.98px) {
.data-card .data-details .data-info {
padding: 15px;
}
}
.data-card .data-details .data-info h6 {
font-size: 16px;
font-weight: 400;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 8px;
color: #141414;
line-height: 23px;
}
@media (max-width: 767.98px) {
.data-card .data-details .data-info h6 {
font-size: 14px;
}
}
.data-card .data-details .data-info h6 i {
font-size: 22px;
color: #1B3D74;
}
@media (max-width: 767.98px) {
.data-card .data-details .data-info h6 i {
font-size: 20px;
}
}
.data-card .data-details .data-info h6 b {
font-weight: 600;
}
.sub-header {
position: relative;
text-align: center;
}
.sub-header h2 {
font-size: 140px;
font-weight: 400;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 12.59%, rgba(0, 0, 0, 0) 87.05%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
@media (max-width: 1399.98px) {
.sub-header h2 {
font-size: 100px;
}
}
@media (max-width: 991.98px) {
.sub-header h2 {
font-size: 60px;
}
}
@media (max-width: 767.98px) {
.sub-header h2 {
display: none;
}
}
.trusted-section {
padding: 0 0 90px;
}
@media (max-width: 1199.98px) {
.trusted-section {
padding: 0 0 80px;
}
}
@media (max-width: 991.98px) {
.trusted-section {
padding: 0 0 60px;
}
}
@media (max-width: 767.98px) {
.trusted-section {
padding: 0 0 40px;
}
}
.trusted-card {
padding: 24px;
border-radius: 20px;
border: 1px solid #E8AA0D;
}
@media (max-width: 767.98px) {
.trusted-card {
padding: 20px;
}
}
.trusted-card .trusted-grid {
background: #ffffff;
border-radius: 10px;
padding: 24px;
}
@media (max-width: 767.98px) {
.trusted-card .trusted-grid {
padding: 20px;
}
}
.trusted-card .trusted-grid .trusted-text {
font-size: 18px;
font-weight: 700;
font-style: italic;
}
@media (max-width: 991.98px) {
.trusted-card .trusted-grid .trusted-text {
margin-bottom: 20px;
}
}
.trusted-slider .trusted-img {
width: 150px;
min-width: 150px;
height: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-content: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
border: 1px solid #E1E1E1;
background: #ffffff;
border-radius: 6px;
margin: auto;
}
@media (max-width: 575.98px) {
.trusted-slider .trusted-img {
width: 100px;
min-width: 100px;
}
}
.trusted-slider .trusted-img img {
width: auto;
}
.insurance-section {
padding: 0 0 90px;
}
@media (max-width: 1199.98px) {
.insurance-section {
padding: 0 0 80px;
}
}
@media (max-width: 991.98px) {
.insurance-section {
padding: 0 0 60px;
}
}
@media (max-width: 767.98px) {
.insurance-section {
padding: 0 0 40px;
}
}
.insurance-img {
position: relative;
}
@media (max-width: 991.98px) {
.insurance-img {
margin-bottom: 20px;
text-align: center;
}
.insurance-img .img-fluid {
width: 100%;
}
}
.insurance-img .shape-img {
position: absolute;
top: 10px;
right: 160px;
-webkit-animation: mover 1s infinite alternate;
animation: mover 1s infinite alternate;
}
@media (max-width: 1199.98px) {
.insurance-img .shape-img {
display: none;
}
}
.gallery-section {
padding-top: 40px;
position: relative;
overflow: hidden;
}
@media (max-width: 767.98px) {
.gallery-section {
padding-top: 0;
}
}
.gallery-section .gallery-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (max-width: 575.98px) {
.gallery-section .gallery-info {
display: block;
}
}
.gallery-section .gallery-info .gallery-img {
width: 33%;
}
@media (max-width: 575.98px) {
.gallery-section .gallery-info .gallery-img {
width: 100%;
}
}
.gallery-section .gallery-info .gallery-img img {
width: 100%;
}
.testimonial-section {
background: #1B3D74;
position: relative;
overflow: hidden;
padding: 110px 0;
margin-top: -10px;
}
@media (max-width: 1199.98px) {
.testimonial-section {
padding: 80px 0;
}
}
@media (max-width: 991.98px) {
.testimonial-section {
padding: 60px 0;
}
}
@media (max-width: 767.98px) {
.testimonial-section {
padding: 40px 0;
}
}
.testimonial-left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: space-between;
-webkit-justify-content: space-between;
-ms-flex-pack: space-between;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
}
@media (max-width: 991.98px) {
.testimonial-left {
height: auto;
}
}
.testimonial-left .testimonial-list .testimonial-nav {
margin-bottom: 24px;
display: grid;
grid-template-columns: repeat(5, 1fr);
}
.testimonial-left .testimonial-list .testimonial-nav li {
width: 50px;
height: 50px;
margin-inline-end: -12rem;
border: 1px solid #ffffff;
vertical-align: middle;
transition: transform ease 200ms;
border-radius: 50%;
}
.testimonial-left .testimonial-list .testimonial-nav li:hover {
z-index: 1;
transform: translateY(-0.188rem);
}
.testimonial-left .testimonial-list .testimonial-nav li img {
border-radius: 50%;
width: 100%;
height: 100%;
border: 1px solid #ffffff;
}
.testimonial-left .testimonial-list .testimonial-details h4 {
font-size: 34px;
font-weight: 800;
color: #ffffff;
margin-bottom: 12px;
}
@media (max-width: 767.98px) {
.testimonial-left .testimonial-list .testimonial-details h4 {
font-size: 30px;
}
}
.testimonial-left .testimonial-list .testimonial-details p {
font-size: 14px;
color: #ffffff;
}
.ratings {
gap: 3px;
color: #E8AA0D;
margin-bottom: 12px;
}
.testimonial-nav-control {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 16px;
}
@media (max-width: 991.98px) {
.testimonial-nav-control {
padding: 20px 0;
}
}
.testimonial-nav-control button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-content: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
font-size: 18px;
color: #000000;
width: 40px;
min-width: 40px;
height: 40px;
border-radius: 100px;
background: #ffffff;
border: 1px solid #ffffff;
}
.testimonial-nav-control button:hover {
color: #ffffff;
background: #0E82FD;
border: 1px solid #0E82FD;
}
.testimonial-right .testimonial-slider .testimonial-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 60px;
}
@media (max-width: 1399.98px) {
.testimonial-right .testimonial-slider .testimonial-item {
gap: 30px;
}
}
@media (max-width: 767.98px) {
.testimonial-right .testimonial-slider .testimonial-item {
display: block;
}
}
.testimonial-right .testimonial-slider .testimonial-item .testimonial-card {
background: #ffffff;
padding: 40px;
width: 100%;
border-radius: 50px 0 50px 50px;
}
@media (max-width: 991.98px) {
.testimonial-right .testimonial-slider .testimonial-item .testimonial-card {
padding: 30px;
}
}
@media (max-width: 767.98px) {
.testimonial-right .testimonial-slider .testimonial-item .testimonial-card {
padding: 20px;
margin-bottom: 20px;
border-radius: 10px;
}
}
.testimonial-right .testimonial-slider .testimonial-item .testimonial-card .testimonial-icon {
margin-bottom: 40px;
}
@media (max-width: 767.98px) {
.testimonial-right .testimonial-slider .testimonial-item .testimonial-card .testimonial-icon {
margin-bottom: 20px;
}
}
.testimonial-right .testimonial-slider .testimonial-item .testimonial-card .testimonial-icon img {
width: auto;
}
.testimonial-right .testimonial-slider .testimonial-item .testimonial-card .ratings {
margin-bottom: 24px;
}
@media (max-width: 767.98px) {
.testimonial-right .testimonial-slider .testimonial-item .testimonial-card .ratings {
margin-bottom: 20px;
}
}
.testimonial-right .testimonial-slider .testimonial-item .testimonial-card .testimonial-text h6 {
font-size: 18px;
font-weight: 500;
margin-bottom: 24px;
line-height: 28px;
}
@media (max-width: 767.98px) {
.testimonial-right .testimonial-slider .testimonial-item .testimonial-card .testimonial-text h6 {
font-size: 16px;
margin-bottom: 20px;
}
}
.testimonial-right .testimonial-slider .testimonial-item .testimonial-card .testimonial-text h5 {
font-size: 15px;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 16px;
}
.testimonial-right .testimonial-slider .testimonial-item .testimonial-card .testimonial-text p {
font-size: 14px;
margin-bottom: 10px;
}
.testimonial-right .testimonial-slider .testimonial-item .testimonial-card .testimonial-text p:last-child {
margin-bottom: 0;
}
.testimonial-right .testimonial-slider .testimonial-item .testimonial-img {
position: relative;
min-width: 330px;
}
.testimonial-right .testimonial-slider .testimonial-item .testimonial-img img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 30px;
}
.testimonial-right .testimonial-slider .testimonial-item .testimonial-img .testimonial-overlay {
position: absolute;
bottom: 14px;
left: 14px;
width: calc(100% - 28px);
background: rgba(0, 0, 0, 0.3019607843);
padding: 16px;
border-radius: 16px;
}
.testimonial-right .testimonial-slider .testimonial-item .testimonial-img .testimonial-overlay h5 {
font-size: 16px;
font-weight: 700;
color: #ffffff;
margin-bottom: 8px;
}
.testimonial-right .testimonial-slider .testimonial-item .testimonial-img .testimonial-overlay p {
font-size: 13px;
color: #ffffff;
}
.excellent-section {
position: relative;
overflow: hidden;
background: #E8AA0D;
padding: 24px 0;
}
.excellent-wrapper {
align-items: center;
display: flex;
grid-column-gap: 3rem;
grid-row-gap: 3rem;
}
.excellent-wrapper .excellent-animate {
grid-column-gap: 2rem;
opacity: 1;
flex: none;
margin-top: 0;
margin-right: 0;
display: flex;
animation: slide 80s infinite linear;
}
.excellent-wrapper .excellent-animate span {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-content: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
-moz-transition: 0.7s;
-o-transition: 0.7s;
-webkit-transition: 0.7s;
transition: 0.7s;
gap: 40px;
font-weight: 500;
color: #5B450D;
}
.plan-section {
position: relative;
overflow: hidden;
padding: 110px 0;
}
@media (max-width: 1199.98px) {
.plan-section {
padding: 80px 0;
}
}
@media (max-width: 991.98px) {
.plan-section {
padding: 60px 0;
}
}
@media (max-width: 767.98px) {
.plan-section {
padding: 40px 0;
}
}
.plan-pattern {
background: url(../img/shapes/shape-04.png);
background-size: cover;
background-repeat: no-repeat;
position: absolute;
left: 0px;
top: 200px;
width: 100%;
height: 800px;
z-index: 0;
}
@media (max-width: 991.98px) {
.plan-pattern {
display: none;
}
}
@keyframes slide1 {
from {
background-position: 0 0;
}
to {
background-position: 1920px 0;
}
}
@-webkit-keyframes slide1 {
from {
background-position: 0 0;
}
to {
background-position: 1920px 0;
}
}
.plan-card {
position: relative;
box-shadow: 0px 8px 80px 0px rgba(167, 167, 167, 0.2392156863);
background: #ffffff;
padding: 16px;
margin-bottom: 20px;
border-radius: 30px;
transition: 0.7s;
}
.plan-card:hover {
transition: 0.7s;
transform: translateY(-5px);
}
@media (max-width: 767.98px) {
.plan-card {
border-radius: 10px;
}
}
.plan-card.active {
background: #1B3D74;
}
.plan-card.active .plan-header h5 {
color: #ffffff;
}
.plan-card.active .plan-header .plan-price {
color: #ffffff;
}
.plan-card.active .plan-header .plan-price small {
color: #ffffff;
}
.plan-card.active .plan-body {
border-top: 1px solid #E1E1E1;
}
.plan-card.active .plan-body .nav li {
color: #ffffff;
}
.plan-card.active .plan-body .nav li i {
color: #ffffff;
}
.plan-card.active .plan-btn .btn {
color: #000000;
}
.plan-card .plan-header {
padding: 16px;
background: rgba(27, 61, 116, 0.0509803922);
border-radius: 10px;
}
.plan-card .plan-header h5 {
font-size: 16px;
font-weight: 500;
color: #1B3D74;
margin-bottom: 24px;
text-transform: uppercase;
}
@media (max-width: 767.98px) {
.plan-card .plan-header h5 {
margin-bottom: 15px;
}
}
.plan-card .plan-header .plan-price {
font-size: 64px;
font-weight: 700;
color: #282828;
gap: 18px;
margin-bottom: 8px;
}
@media (max-width: 1199.98px) {
.plan-card .plan-header .plan-price {
font-size: 56px;
}
}
@media (max-width: 767.98px) {
.plan-card .plan-header .plan-price {
font-size: 48px;
}
}
.plan-card .plan-header .plan-price small {
font-size: 16px;
font-weight: 500;
color: #8593A3;
}
.plan-card .plan-header .plan-perfect-card {
padding: 12px;
background: #ffffff;
border-radius: 6px;
box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.0509803922);
}
.plan-card .plan-header .plan-perfect-card h6 {
font-family: "Manrope", sans-serif;
font-size: 16px;
font-weight: 500;
margin-bottom: 8px;
}
.plan-card .plan-header .plan-perfect-card p {
font-family: "Manrope", sans-serif;
font-weight: 500;
color: #8593A3;
}
.plan-card .plan-body {
margin: 24px 0 40px;
padding-top: 24px;
border-top: 1px solid #E1E1E1;
}
@media (max-width: 767.98px) {
.plan-card .plan-body {
margin: 20px 0;
padding-top: 20px;
}
}
.plan-card .plan-body .nav li {
width: 100%;
gap: 20px;
margin-bottom: 16px;
}
.plan-card .plan-body .nav li:last-child {
margin-bottom: 0;
}
@media (max-width: 767.98px) {
.plan-card .plan-body .nav li {
gap: 10px;
margin-bottom: 10px;
}
}
.plan-card .plan-body .nav li i {
font-size: 24px;
color: #1B3D74;
}
.plan-card .plan-btn .btn {
font-size: 15px;
font-weight: 500;
width: 100%;
padding: 12px 24px;
color: #8593A3;
background: #ffffff;
border: 1px solid #E1E1E1;
border-radius: 80px;
}
.plan-card .plan-btn .btn:hover {
color: #ffffff;
background: #0E82FD;
border-color: #0E82FD;
}
@media (max-width: 767.98px) {
.plan-card .plan-btn .btn {
font-size: 14px;
padding: 10px 24px;
}
}
.advanced-section {
position: relative;
overflow: hidden;
padding: 110px 0 110px;
}
@media (max-width: 1199.98px) {
.advanced-section {
padding: 0 0 80px;
}
}
@media (max-width: 991.98px) {
.advanced-section {
padding: 0 0 60px;
}
}
@media (max-width: 767.98px) {
.advanced-section {
padding: 0 0 40px;
}
}
.advanced-details {
padding-bottom: 90px;
}
@media (max-width: 991.98px) {
.advanced-details {
padding: 0 0 60px;
}
}
@media (max-width: 767.98px) {
.advanced-details {
padding: 0 0 40px;
}
}
.advanced-header {
text-align: left;
margin-bottom: 20px;
}
.advanced-header h2 {
max-width: 530px;
}
@media (max-width: 575.98px) {
.advanced-header .nav {
gap: 6px;
}
}
.advanced-header .nav li {
font-size: 14px;
font-weight: 500;
gap: 8px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-right: 24px;
}
.advanced-header .nav li:last-child {
margin-right: 0;
}
@media (max-width: 575.98px) {
.advanced-header .nav li {
margin-right: 0;
}
}
.advanced-header .nav li i {
font-size: 20px;
color: #1B3D74;
}
.advanced-info .advanced-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: end;
-webkit-justify-content: end;
-ms-flex-pack: end;
gap: 16px;
margin-bottom: 24px;
}
@media (max-width: 991.98px) {
.advanced-info .advanced-list {
justify-content: start;
-webkit-justify-content: start;
-ms-flex-pack: start;
}
}
@media (max-width: 767.98px) {
.advanced-info .advanced-list {
margin-bottom: 20px;
}
}
@media (max-width: 575.98px) {
.advanced-info .advanced-list {
-ms-flex-direction: column;
flex-direction: column;
gap: 6px;
}
}
.advanced-info .advanced-list .d-flex {
gap: 8px;
}
.advanced-info .advanced-img {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
justify-content: end;
-webkit-justify-content: end;
-ms-flex-pack: end;
gap: 24px;
}
@media (max-width: 991.98px) {
.advanced-info .advanced-img {
justify-content: start;
-webkit-justify-content: start;
-ms-flex-pack: start;
}
}
@media (max-width: 575.98px) {
.advanced-info .advanced-img {
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
gap: 10px;
}
}
.advanced-info .advanced-img img {
border-radius: 30px;
}
@media (max-width: 575.98px) {
.advanced-info .advanced-img img {
width: 100%;
display: none;
}
}
.advanced-info .advanced-img .advanced-text h4 {
font-size: 65px;
font-weight: 800;
font-style: italic;
color: #E8AA0D;
margin-bottom: 14px;
}
@media (max-width: 767.98px) {
.advanced-info .advanced-img .advanced-text h4 {
font-size: 50px;
margin-bottom: 4px;
}
}
.advanced-info .advanced-img .advanced-text p {
font-size: 15px;
font-weight: 500;
max-width: 190px;
}
@media (max-width: 767.98px) {
.advanced-info .advanced-img .advanced-text p {
font-size: 14px;
}
}
.advanced-card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 24px;
}
.advanced-card.even .advanced-card-img {
order: 2;
padding: 0 0 54px;
}
@media (max-width: 991.98px) {
.advanced-card.even .advanced-card-img {
padding: 54px 0 0;
order: inherit;
}
}
.advanced-card.even .advanced-card-img span {
bottom: 0;
top: auto;
}
@media (max-width: 991.98px) {
.advanced-card.even .advanced-card-img span {
bottom: auto;
top: 0;
}
}
.advanced-card .advanced-card-img {
position: relative;
padding: 54px 0 0;
}
.advanced-card .advanced-card-img img {
border-radius: 30px;
width: 100%;
}
.advanced-card .advanced-card-img span {
position: absolute;
font-size: 80px;
z-index: -1;
top: 0;
line-height: 80px;
color: white;
-webkit-text-stroke: 1px #000000;
}
@media (max-width: 767.98px) {
.advanced-card .advanced-card-img span {
font-size: 60px;
}
}
.advanced-card .advanced-card-content {
margin-top: 24px;
}
@media (max-width: 767.98px) {
.advanced-card .advanced-card-content {
margin-top: 10px;
}
}
.advanced-card .advanced-card-content h4 {
font-size: 24px;
font-weight: 700;
margin-bottom: 12px;
}
@media (max-width: 767.98px) {
.advanced-card .advanced-card-content h4 {
font-size: 18px;
margin-bottom: 10px;
}
}
.advanced-card .advanced-card-content p {
font-size: 15px;
}
@media (max-width: 767.98px) {
.advanced-card .advanced-card-content p {
font-size: 14px;
}
}
.advanced-btns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
gap: 16px;
margin-top: 70px;
}
@media (max-width: 1199.98px) {
.advanced-btns {
margin-top: 40px;
}
}
@media (max-width: 767.98px) {
.advanced-btns {
margin-top: 10px;
-ms-flex-direction: column;
flex-direction: column;
gap: 10px;
}
}
.advanced-btns .btn {
justify-content: space-between;
-webkit-justify-content: space-between;
-ms-flex-pack: space-between;
padding: 10px 14px 10px 24px;
gap: 16px;
}
@media (max-width: 575.98px) {
.advanced-btns .btn {
width: 100%;
}
}
.advanced-btns .btn span {
font-size: 16px;
width: 34px;
height: 22px;
border-radius: 100px;
display: -webkit-box;
display: -ms-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-content: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
}
.advanced-btns .btn-primary span {
color: #000000;
background: #ffffff;
}
.advanced-btns .btn-light:hover span {
color: #000000;
background: #ffffff;
}
.advanced-btns .btn-light span {
color: #ffffff;
background: #000000;
}
.footer {
position: relative;
overflow: hidden;
background: #3F1D15 url(../img/footer-vector.png) no-repeat;
background-position: right center;
background-blend-mode: color-dodge;
}
.footer .footer-btns .btn {
justify-content: space-between;
-webkit-justify-content: space-between;
-ms-flex-pack: space-between;
}
@media (max-width: 1199.98px) {
.footer .footer-btns .btn {
min-width: 200px;
}
}
@media (max-width: 575.98px) {
.footer .footer-btns .btn {
min-width: inherit;
width: 100%;
}
}
.footer .footer-btns .btn.btn-primary {
gap: 25px;
color: #fff;
background: linear-gradient(to right, #1B3D74, #0E82FD);
font-size: 16px;
font-weight: 500;
padding: 10px 10px 10px 25px;
position: relative;
overflow: hidden;
}
@media (max-width: 575.98px) {
.footer .footer-btns .btn.btn-primary {
margin-right: 0;
}
}
@media (max-width: 575.98px) {
.footer .footer-btns .btn.btn-primary {
margin-right: 0;
}
}
.footer .footer-btns .btn.btn-primary .btn-icon {
font-size: 16px;
width: 45px;
height: 45px;
border-radius: 100px;
display: -webkit-box;
display: -ms-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-content: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
flex-shrink: 0;
background: #0E82FD;
color: #ffffff;
z-index: 2;
}
.footer .footer-btns .btn.btn-primary::after {
position: absolute;
content: "";
width: 45px;
height: 45px;
background: #0E82FD;
right: 10px;
top: 10px;
border-radius: 50px;
z-index: 0;
transition: all 0.3s ease-in-out 0s;
}
.footer .footer-btns .btn.btn-primary:hover {
z-index: 9;
color: #fff;
transition: all 0.3s ease-in-out 0s;
}
.footer .footer-btns .btn.btn-primary:hover .btn-text {
text-shadow: 0 40px 0 #fff;
transform: translateY(0);
transition: all 0.3s ease-in-out 0s;
z-index: 9;
}
.footer .footer-btns .btn.btn-primary:hover .btn-icon i {
transform: rotate(45deg);
}
.footer .footer-btns .btn.btn-primary:hover .btn-icon::after {
width: calc(100% - 20px);
transition: all 0.3s ease-in-out 0s;
}
.footer .footer-btns .btn.btn-primary:hover::after {
width: calc(100% - 20px);
transition: all 0.3s ease-in-out 0s;
}
.footer .footer-btns .btn.btn-light {
gap: 10px;
color: #ffffff;
background: transparent;
font-size: 20px;
font-weight: 600;
padding: 10px 10px 10px 15px;
border-style: solid;
border-color: #ffffff;
border-width: 0 0 0 3px;
border-radius: 0;
text-align: left;
}
@media (max-width: 575.98px) {
.footer .footer-btns .btn.btn-light {
margin: 15px 0 0;
}
}
.footer .footer-btns .btn.btn-light span {
font-size: 34px;
font-weight: 400;
width: 38px;
height: 38px;
border-radius: 100px;
display: -webkit-box;
display: -ms-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-content: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
flex-shrink: 0;
color: #ffffff;
background: transparent;
}
.footer .footer-btns .btn-light {
margin-left: 16px;
}
@media (max-width: 575.98px) {
.footer .footer-btns .btn-light {
margin: 15px 0 0;
}
}
.footer .footer-btns .btn-light:hover span {
color: #000000;
background: #ffffff;
}
.footer .footer-btns .btn-light span {
color: #ffffff;
background: #000000;
}
@media (max-width: 1024px) {
.footer .footer-btns {
margin-bottom: 24px;
}
}
.footer .footer-img {
position: relative;
}
@media (max-width: 1199.98px) {
.footer .footer-img {
display: none;
}
}
.footer .footer-img img {
position: absolute;
bottom: 0;
left: 0;
}
.footer .footer-top {
background: rgba(255, 255, 255, 0.1);
padding: 45px 0 0;
}
.footer .footer-top .section-header {
margin-bottom: 55px;
}
.footer .footer-top .section-header h2 {
color: #fff;
}
.footer .footer-top .section-header p {
color: #fff;
}
.footer .footer-top .footer-t-highlight {
text-align: center;
}
.footer .footer-top .footer-t-highlight h3 {
color: #E8AA0D;
font-size: 20px;
font-weight: 600;
margin: 0 0 16px;
}
.footer .footer-top .act-btn {
margin-bottom: 70px;
}
@media (max-width: 991.98px) {
.footer .footer-top .act-btn {
margin-bottom: 30px;
}
}
@media (max-width: 767.98px) {
.footer .footer-top .act-btn {
margin-bottom: 24px;
}
}
.footer .footer-bottom {
padding: 50px 0 0;
}
.footer .footer-widget {
margin-bottom: 24px;
}
@media (max-width: 767.98px) {
.footer .footer-widget {
margin-bottom: 20px;
}
}
.footer .footer-widget .footer-get p {
border-radius: 100px;
display: -webkit-box;
display: -ms-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-content: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
padding: 12px 24px;
background: #ffffff;
margin-bottom: 40px;
}
@media (max-width: 1199.98px) {
.footer .footer-widget .footer-get p {
margin-bottom: 30px;
}
}
@media (max-width: 767.98px) {
.footer .footer-widget .footer-get p {
padding: 10px 24px;
margin-bottom: 20px;
}
}
.footer .footer-widget .footer-get h4 {
font-size: 18px;
font-weight: 400;
color: #FFFFFF;
line-height: 30px;
}
.footer .footer-widget h6 {
font-size: 18px;
font-weight: 700;
margin-bottom: 24px;
text-transform: uppercase;
color: #ffffff;
}
@media (max-width: 767.98px) {
.footer .footer-widget h6 {
margin-bottom: 20px;
}
}
.footer .footer-widget ul {
display: block;
}
.footer .footer-widget ul li {
margin-bottom: 10px;
}
.footer .footer-widget ul li:last-child {
margin-bottom: 0;
}
.footer .footer-widget ul li a {
font-size: 14px;
color: #E5C5BE;
text-transform: uppercase;
}
.footer .footer-widget ul li a:hover {
color: #0E82FD;
}
.footer .footer-widget .footer-contact {
margin-bottom: 24px;
}
@media (max-width: 767.98px) {
.footer .footer-widget .footer-contact {
margin-bottom: 20px;
}
}
.footer .footer-widget .footer-contact:last-child {
margin-bottom: 0;
}
.footer .footer-widget .footer-contact h5 {
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 16px;
color: #fff;
}
.footer .footer-widget .footer-contact p {
font-size: 14px;
color: #fff;
}
.footer .footer-widget .footer-contact a {
font-size: 14px;
color: #fff;
}
.footer .footer-social {
display: flex;
gap: 8px;
align-items: center;
}
.footer .footer-social a {
display: inline-flex;
width: 34px;
height: 34px;
align-items: center;
justify-content: center;
border: 1px solid #D9A441;
color: #D9A441;
border-radius: 50%;
}
.footer .footer-social a:hover {
background: #D9A441;
color: #fff;
}
.footer .footer-marque {
text-align: center;
}
.footer .footer-marque h2 {
font-size: 110px;
font-weight: 400;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 12.59%, rgba(0, 0, 0, 0) 87.05%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
@media (max-width: 1399.98px) {
.footer .footer-marque h2 {
font-size: 100px;
}
}
@media (max-width: 991.98px) {
.footer .footer-marque h2 {
font-size: 60px;
}
}
@media (max-width: 767.98px) {
.footer .footer-marque h2 {
display: none;
}
}
.footer .footer-copyright {
text-align: center;
border-top: 1px solid #B29993;
padding: 40px 0 30px;
margin-top: 40px;
display: flex;
justify-content: space-between;
align-items: center;
}
@media (max-width: 767.98px) {
.footer .footer-copyright {
padding: 20px 0;
margin-top: 0;
text-align: center;
flex-direction: column;
}
}
.footer .footer-copyright p {
font-size: 12px;
color: #fff;
}
.blog-section {
position: relative;
overflow: hidden;
background: #fff;
padding: 90px 0;
}
@media (max-width: 1199.98px) {
.blog-section {
padding: 80px 0;
}
}
@media (max-width: 991.98px) {
.blog-section {
padding: 60px 0;
}
}
@media (max-width: 767.98px) {
.blog-section {
padding: 40px 0;
}
}
.blog-section .section-header p {
max-width: 1000px;
margin: 0 auto;
}
.blog-section .blogContainer {
background: rgba(51, 51, 51, 0.0509803922);
border-radius: 40px;
padding: 8px;
}
.blog-section .blogContainer .blogImg {
position: relative;
}
.blog-section .blogContainer .blogImg a img {
height: 280px;
object-fit: cover;
object-position: top center;
border-radius: 40px 40px 0 0;
width: 100%;
}
.blog-section .blogContainer .blogImg a.tagBlog {
position: absolute;
top: 8px;
background-color: #DDF6FB;
left: 8px;
border-radius: 6px;
color: #ffffff;
font-size: 12px;
display: inline-block;
padding: 10px;
font-size: 15px;
font-weight: 600;
color: #000;
}
.blog-section .blogContainer .blogImg::before {
content: "";
position: absolute;
top: 0;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 60%, rgba(0, 0, 0, 0.8) 100%);
width: 100%;
height: 100%;
border-radius: 15px;
}
.blog-section .blogContainer .blogContent {
padding: 24px;
}
.blog-section .blogContainer .blogContent h3 {
font-size: 24px;
font-weight: 600;
margin: 0 0 8px;
color: #000;
}
.blog-section .blogContainer .blogContent h4 {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
color: #000;
font-size: 17px;
font-weight: 600;
margin: 0 0 24px;
}
.blog-section .blogContainer .blogContent p {
font-size: 15px;
color: #586371;
line-height: 22px;
margin: 0 0 24px;
}
.blog-section .blogContainer .blogContent .blogDetails {
display: flex;
align-items: center;
justify-content: space-between;
}
.blog-section .blogContainer .blogContent .blogDetails a {
border-bottom: 1px solid #ED5C39;
font-size: 16px;
font-weight: 600;
color: #141414;
}
@media (max-width: 1024px) {
.blog-section .blogContainer {
margin-bottom: 12px;
}
}
.blog-section .swiper-wrapper {
padding-bottom: 35px;
padding-left: 60px;
}
@media (max-width: 1024px) {
.blog-section .swiper-wrapper {
padding: 0 10px 35px;
}
}
.blog-section .swiper-scrollbar {
height: 2px;
width: calc(100% - 90px);
margin: 0 auto;
left: calc(0% + 45px);
}
.blog-section .swiper-scrollbar .swiper-scrollbar-drag {
height: 1px;
background: #ED5C39;
}
.pricing-buy-template {
margin: 0;
padding: 60px 0px;
background: #ffffff;
}
.pricing-buy-template .pricing-table {
display: flex;
align-items: center;
justify-content: center;
position: relative;
z-index: 1;
background-color: #ffffff;
}
.pricing-buy-template .pricing-table .table-responsive table {
border: 1px solid #e1e1e1;
}
.pricing-buy-template .pricing-table .table-responsive table thead tr td .deliver-list {
padding: 20px 32px;
}
.pricing-buy-template .pricing-table .table-responsive table thead tr td .deliver-list h2 {
text-transform: capitalize;
margin: 0 0 12px 0;
}
.pricing-buy-template .pricing-table .table-responsive table thead tr td .deliver-list h5 {
font-size: 15px;
font-weight: 500;
margin: 0;
}
@media (max-width: 1199.98px) {
.pricing-buy-template .pricing-table .table-responsive table thead tr td .deliver-list h5 {
font-size: 16px;
}
}
.pricing-buy-template .pricing-table .table-responsive table thead tr td .deliver-basic {
background: #1B3D74;
padding: 50px 28px;
text-align: center;
}
.pricing-buy-template .pricing-table .table-responsive table thead tr td .deliver-basic img {
margin: 0 0 20px 0;
padding: 0;
}
.pricing-buy-template .pricing-table .table-responsive table thead tr td .deliver-basic h4 {
margin: 0;
color: #ffffff;
font-size: 18px;
text-transform: uppercase;
}
.pricing-buy-template .pricing-table .table-responsive table thead tr td .deliver-basic p {
font-size: 14px;
border: 1px solid #ffffff;
padding: 15px;
border-radius: 10px;
}
.pricing-buy-template .pricing-table .table-responsive table thead tr td .deliver-enterprice {
background: #0E82FD;
padding: 50px 28px;
text-align: center;
}
.pricing-buy-template .pricing-table .table-responsive table thead tr td .deliver-enterprice img {
margin: 0 0 20px 0;
padding: 0;
}
.pricing-buy-template .pricing-table .table-responsive table thead tr td .deliver-enterprice h4 {
color: #ffffff;
margin: 0;
text-transform: uppercase;
font-size: 18px;
}
.pricing-buy-template .pricing-table .table-responsive table thead tr td .deliver-enterprice p {
font-size: 14px;
border: 1px solid #ffffff;
padding: 15px;
border-radius: 10px;
}
.pricing-buy-template .pricing-table .table-responsive table tbody tr {
border: 1px solid #E6E5F5;
}
.pricing-buy-template .pricing-table .table-responsive table tbody tr p.price-header {
white-space: break-spaces;
word-break: break-all;
word-wrap: break-word;
}
.pricing-buy-template .pricing-table .table-responsive table tbody tr th {
font-weight: 600;
color: #000;
font-size: 15px;
padding: 20px 32px;
background: rgba(27, 61, 116, 0.06);
}
.pricing-buy-template .pricing-table .table-responsive table tbody tr td {
font-weight: 500;
color: #000;
font-size: 14px;
text-transform: capitalize;
padding: 20px 0;
text-align: center;
}
.pricing-buy-template .pricing-table .table-responsive table tbody tr td:last-child {
border-left: 1px solid #E6E5F5;
}
.pricing-buy-template .pricing-table .table-responsive table tbody tr td .unlimited-text p {
font-weight: 500;
font-size: 14px;
display: flex;
align-items: center;
justify-content: center;
column-gap: 10px;
}
.pricing-buy-template .pricing-table .table-responsive table tbody tr td .unlimited-text p i {
color: #04C122;
font-size: 22px;
}
a.home-btn {
min-width: 230px;
justify-content: space-between;
-webkit-justify-content: space-between;
-ms-flex-pack: space-between;
padding: 10px 14px 10px 24px;
}
a.home-btn span {
font-size: 16px;
width: 34px;
height: 22px;
border-radius: 100px;
display: -webkit-box;
display: -ms-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-content: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
color: #000000;
background: #ffffff;
}
.news-header {
text-align: left;
}
@media (max-width: 991.98px) {
.news-header {
text-align: center;
padding: 0;
}
}
@media (max-width: 991.98px) {
.news-header h2 {
max-width: 100%;
}
}
.styled-table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
position: relative;
}
.styled-table::after {
content: "";
position: absolute;
width: calc(100% - 200px);
height: calc(100% - 184px);
background: #333;
z-index: -1;
right: 0;
border-radius: 12px;
bottom: 0;
}
.styled-table .t-compa-hdr-card {
display: flex;
flex-direction: column;
padding: 40px 0;
gap: 12px;
align-items: center;
justify-content: center;
box-shadow: 0 9px 25px 0 rgba(0, 0, 0, 0.1019607843);
overflow: hidden;
background: #fff;
}
.styled-table .t-compa-hdr-card span {
font-size: 20px;
font-weight: 600;
color: #000;
text-transform: uppercase;
}
.styled-table tbody td {
padding: 24px 16px;
font-size: 15px;
font-weight: 500;
color: #586371;
border-bottom: 1px solid rgba(51, 51, 51, 0.1019607843);
border-right: 1px solid rgba(51, 51, 51, 0.1019607843);
max-width: 300px;
white-space: initial;
}
.styled-table tbody {
background: radial-gradient(ellipse at center, #ED5C39, #333333);
}
.styled-table thead {
background: #fff;
}
.styled-table tbody tr:first-child td:first-child {
border-top-left-radius: 12px;
}
.styled-table tbody tr:first-child td:last-child {
border-top-right-radius: 12px;
}
.styled-table tbody tr:last-child td:first-child {
border-bottom-left-radius: 12px;
}
.styled-table tbody tr:last-child td:last-child {
border-bottom-right-radius: 12px;
}
.styled-table tbody tr td:not(:first-child) {
background: #fff;
}
.styled-table tbody tr:first-child td {
border-top: 10px solid #333333;
}
.styled-table tbody tr:last-child td {
border-bottom: 10px solid #333333;
}
.styled-table tbody tr td:last-child {
border-right: 10px solid #333333;
}
.styled-table tbody tr td:first-child {
border-left: 10px solid #333333;
min-width: 330px;
font-size: 20px;
color: #fff;
font-weight: 600;
}
.styled-table tbody tr.tdradius-top td:nth-child(2) {
border-top-left-radius: 10px;
overflow: hidden;
}
.styled-table tbody tr.tdradius-top td:last-child {
border-top-right-radius: 10px;
overflow: hidden;
}
.styled-table tbody tr.tdradius-bottom td:nth-child(2) {
border-bottom-left-radius: 10px;
overflow: hidden;
}
.styled-table tbody tr.tdradius-bottom td:last-child {
border-bottom-right-radius: 10px;
overflow: hidden;
}
.feature-table {
padding: 90px 0;
background: url(../img/sec-bg-5.png) no-repeat;
background-size: cover;
}
@media (max-width: 1199.98px) {
.feature-table {
padding: 80px 0;
}
}
@media (max-width: 991.98px) {
.feature-table {
padding: 60px 0;
}
}
@media (max-width: 767.98px) {
.feature-table {
padding: 40px 0;
}
}
.feature-table .act-btn {
margin-top: 70px;
}
@media (max-width: 991.98px) {
.feature-table .act-btn {
margin-top: 30px;
}
}
@media (max-width: 767.98px) {
.feature-table .act-btn {
margin-top: 24px;
}
}
.feature-table .section-header h2 {
max-width: 875px;
margin-left: auto;
margin-right: auto;
}
.feature-tracking {
padding: 90px 0;
}
@media (max-width: 1199.98px) {
.feature-tracking {
padding: 80px 0;
}
}
@media (max-width: 991.98px) {
.feature-tracking {
padding: 60px 0;
}
}
@media (max-width: 767.98px) {
.feature-tracking {
padding: 40px 0;
}
}
.feature-tracking .feature-tt-s {
background: #333333;
padding: 40px 40px 0;
border-radius: 20px;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}
.feature-tracking .feature-tt-s h3 {
font-size: 40px;
font-weight: 600;
color: #fff;
margin: 0 0 24px;
}
.feature-tracking .feature-tt-s h4 {
font-size: 24px;
font-weight: 600;
color: #fff;
margin: 0 0 24px;
}
.feature-tracking .feature-tt-s ul {
display: flex;
gap: 12px;
flex-direction: column;
margin: 0 0 40px;
}
.feature-tracking .feature-tt-s ul li {
display: flex;
gap: 12px;
color: #FFFFFF;
font-size: 15px;
}
.feature-tracking .feature-tt-s ul li i {
color: #D9A441;
font-size: 16px;
flex-shrink: 0;
}
.feature-tracking .feature-tt-s .feature-tt-s-img {
display: flex;
}
.feature-tracking .feature-tt-e h2 {
font-size: 28px;
font-weight: 600;
color: #000;
margin: 0 0 24px;
}
.feature-tracking .feature-tt-e .feature-tt-e-card {
background: linear-gradient(to right, rgba(51, 51, 51, 0.1), rgba(237, 92, 57, 0.1));
padding: 24px;
border-radius: 20px;
}
.feature-tracking .feature-tt-e .feature-tt-e-card h3 {
font-size: 40px;
font-weight: 600;
color: #000;
margin: 0 0 24px;
}
.feature-tracking .feature-tt-e .feature-tt-e-card h4 {
font-size: 24px;
font-weight: 600;
color: #000;
margin: 0 0 24px;
}
.feature-tracking .feature-tt-e .feature-tt-e-card p {
font-size: 15px;
line-height: 24px;
color: #586371;
}
.feature-tracking .feature-tt-e .feature-tt-e-card.feature-tt-e-card-trans {
background: transparent;
}
@media (max-width: 1024px) {
.feature-tracking .feature-tt-e .feature-tt-e-card {
margin-bottom: 24px;
}
}
.feature-tracking .feature-tt-e .feature-tt-e-img {
margin: 24px 0;
}
.feature-tracking .feature-tt-e .feature-tt-e-img img {
border-radius: 20px;
width: 100%;
object-fit: cover;
}
@media (max-width: 768px) {
.feature-tracking .feature-tt-e {
margin-top: 24px;
}
}
.feature-tracking .feature-bi {
margin-top: 70px;
}
@media (max-width: 991.98px) {
.feature-tracking .feature-bi {
margin-top: 30px;
}
}
@media (max-width: 767.98px) {
.feature-tracking .feature-bi {
margin-top: 24px;
}
}
.feature-tracking .feature-bi h2 {
font-size: 28px;
font-weight: 700;
color: #000;
margin: 0 auto 24px;
}
.feature-tracking .feature-bi .feature-bi-card {
background: rgba(51, 51, 51, 0.0705882353);
padding: 16px 24px;
border-radius: 10px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 15px;
}
.feature-tracking .feature-bi .feature-bi-card i {
color: #ED5C39;
font-size: 40px;
}
.feature-tracking .feature-bi .feature-bi-card p {
font-size: 15px;
line-height: 24px;
color: #000;
font-weight: 500;
}
@media (max-width: 1024px) {
.feature-tracking .feature-bi .feature-bi-card {
margin-bottom: 24px;
}
}
.feature-tracking .act-btn {
margin-top: 70px;
}
@media (max-width: 991.98px) {
.feature-tracking .act-btn {
margin-top: 30px;
}
}
@media (max-width: 767.98px) {
.feature-tracking .act-btn {
margin-top: 24px;
}
}
.section-vadded {
padding: 90px 0;
}
@media (max-width: 1199.98px) {
.section-vadded {
padding: 80px 0;
}
}
@media (max-width: 991.98px) {
.section-vadded {
padding: 60px 0;
}
}
@media (max-width: 767.98px) {
.section-vadded {
padding: 40px 0;
}
}
.section-vadded .feature-vadded-s h3 {
font-size: 34px;
font-weight: 600;
color: #000;
margin: 0 0 16px;
}
.section-vadded .feature-vadded-s p {
font-size: 16px;
font-weight: 400;
line-height: 24px;
color: #000;
margin: 0 0 70px;
}
@media (max-width: 991.98px) {
.section-vadded .feature-vadded-s p {
margin: 0 0 30px;
}
}
@media (max-width: 767.98px) {
.section-vadded .feature-vadded-s p {
margin: 0 0 24px;
}
}
.section-vadded .feature-vadded-s a {
display: inline-flex;
gap: 10px;
align-items: center;
color: #000;
font-size: 16px;
font-weight: 500;
border-bottom: 1px solid #ED5C39;
}
.section-vadded .feature-vadded-container {
display: flex;
gap: 24px;
flex-direction: column;
}
.section-vadded .feature-vadded-container .feature-vadded-clist {
display: flex;
gap: 24px;
justify-content: flex-end;
flex-flow: wrap;
}
@media (max-width: 1024px) {
.section-vadded .feature-vadded-container .feature-vadded-clist {
justify-content: center;
}
}
.section-vadded .feature-vadded-container .feature-vadded-clist .feature-icard {
background: #fff;
border-radius: 10px;
box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1490196078);
padding: 24px;
display: flex;
align-items: center;
justify-content: center;
gap: 16px;
flex-direction: column;
min-width: 165px;
}
@media (max-width: 1024px) {
.section-vadded .feature-vadded-container .feature-vadded-clist .feature-icard {
min-width: 30%;
}
}
@media (max-width: 768px) {
.section-vadded .feature-vadded-container .feature-vadded-clist .feature-icard {
min-width: 45%;
}
}
.section-vadded .feature-vadded-container .feature-vadded-clist .feature-icard h6 {
font-size: 15px;
font-weight: 500;
color: #000;
}
@media (max-width: 1024px) {
.section-vadded .feature-vadded-container {
margin-top: 24px;
}
}
.section-vadded .feature-vadded-btn {
margin-top: 70px;
align-items: center;
}
@media (max-width: 991.98px) {
.section-vadded .feature-vadded-btn {
margin-top: 30px;
}
}
@media (max-width: 767.98px) {
.section-vadded .feature-vadded-btn {
margin-top: 24px;
}
}
@media (max-width: 991.98px) {
.section-vadded .feature-vadded-btn .act-btn {
margin-top: 30px;
}
}
@media (max-width: 767.98px) {
.section-vadded .feature-vadded-btn .act-btn {
margin-top: 24px;
}
}
.section-vaddedp2 {
padding: 90px 0;
}
@media (max-width: 1199.98px) {
.section-vaddedp2 {
padding: 80px 0;
}
}
@media (max-width: 991.98px) {
.section-vaddedp2 {
padding: 60px 0;
}
}
@media (max-width: 767.98px) {
.section-vaddedp2 {
padding: 40px 0;
}
}
.section-vaddedp2 .feature-vadded-s h3 {
font-size: 34px;
font-weight: 700;
color: #000;
margin: 16px 0;
}
.section-vaddedp2 .feature-vadded-s p {
font-size: 16px;
font-weight: 400;
line-height: 24px;
color: #000;
}
.section-vaddedp2 .feature-vadded-container {
display: flex;
flex-direction: column;
overflow: hidden;
position: relative;
}
.section-vaddedp2 .feature-vadded-container .feature-vadded-clist {
display: flex;
gap: 24px;
justify-content: flex-end;
padding: 20px 0;
-webkit-animation: scroll 30s linear infinite;
animation: scroll 30s linear infinite;
}
.section-vaddedp2 .feature-vadded-container .feature-vadded-clist .feature-icard {
background: #fff;
border-radius: 10px;
box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1019607843);
padding: 16px;
display: flex;
justify-content: center;
min-width: 290px;
}
.section-vaddedp2 .feature-vadded-container .feature-vadded-clist .feature-icard i {
margin-top: 5px;
width: 44px;
flex-shrink: 0;
font-size: 23px;
color: #000;
}
.section-vaddedp2 .feature-vadded-container .feature-vadded-clist .feature-icard h6 {
font-size: 16px;
font-weight: 600;
color: #000;
margin: 0 0 8px;
}
.section-vaddedp2 .feature-vadded-container .feature-vadded-clist .feature-icard p {
font-size: 14px;
font-weight: 500;
color: #586371;
}
.section-vaddedp2 .feature-vadded-container .feature-vadded-clist.feature-vadded-clist-2 {
-webkit-animation: scroll-rtl 30s linear infinite;
animation: scroll-rtl 30s linear infinite;
}
.section-vaddedp2 .feature-vadded-container .scroll-slider {
--gap: 35px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: var(--gap);
}
.section-vaddedp2 .feature-vadded-container::before {
content: "";
position: absolute;
background: -webkit-gradient(linear, left top, right top, from(rgb(255, 255, 255)), to(rgba(255, 255, 255, 0)));
background: linear-gradient(to right, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
top: 0;
left: 0;
width: 260px;
height: 100%;
z-index: 1;
pointer-events: none;
}
.blog-section-updates {
position: relative;
overflow: hidden;
background: rgba(51, 51, 51, 0.0705882353);
padding: 90px 0;
}
@media (max-width: 1199.98px) {
.blog-section-updates {
padding: 80px 0;
}
}
@media (max-width: 991.98px) {
.blog-section-updates {
padding: 60px 0;
}
}
@media (max-width: 767.98px) {
.blog-section-updates {
padding: 40px 0;
}
}
.blog-section-updates .section-header p {
max-width: 1000px;
margin: 0 auto;
}
.blog-section-updates .blogContainer {
background: #fff;
border-radius: 20px;
padding: 16px;
}
.blog-section-updates .blogContainer .blogImg {
position: relative;
margin: 0 0 24px;
}
.blog-section-updates .blogContainer .blogImg a img {
height: 250px;
object-fit: cover;
object-position: top center;
border-radius: 20px;
width: 100%;
}
.blog-section-updates .blogContainer .blogImg a.tagBlog {
position: absolute;
top: 8px;
background-color: #DDF6FB;
left: 8px;
border-radius: 6px;
color: #ffffff;
font-size: 12px;
display: inline-block;
padding: 10px;
font-size: 15px;
font-weight: 600;
color: #000;
}
.blog-section-updates .blogContainer .blogImg::before {
content: "";
position: absolute;
top: 0;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 60%, rgba(0, 0, 0, 0.8) 100%);
width: 100%;
height: 100%;
border-radius: 15px;
}
.blog-section-updates .blogContainer .blogContent .tagBlog {
border-radius: 6px;
padding: 8px 16px;
background: #333;
color: #fff;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
margin: 0 0 12px;
display: inline-block;
}
.blog-section-updates .blogContainer .blogContent h3 {
font-size: 24px;
font-weight: 600;
margin: 0 0 12px;
line-height: 32px;
color: #101828;
}
.blog-section-updates .blogContainer .blogContent h4 {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
font-size: 24px;
font-weight: 600;
margin: 0 0 12px;
line-height: 32px;
color: #101828;
}
.blog-section-updates .blogContainer .blogContent p {
font-size: 16px;
color: #586371;
line-height: 22px;
margin: 0 0 24px;
}
.blog-section-updates .blogContainer .blogContent .blogDetails {
display: flex;
align-items: center;
justify-content: space-between;
}
.blog-section-updates .blogContainer .blogContent .blogDetails a {
border-bottom: 1px solid #ED5C39;
font-size: 16px;
font-weight: 600;
color: #141414;
}
@media (max-width: 1024px) {
.blog-section-updates .blogContainer {
margin-bottom: 12px;
}
}
.blog-section-updates .blogContainer.blogContainer-d2 {
display: flex;
gap: 24px;
}
.blog-section-updates .blogContainer.blogContainer-d2 .blogImg {
width: 290px;
margin: 0;
}
.blog-section-updates .blogContainer.blogContainer-d2 .blogImg img {
height: 210px;
}
.blog-section-updates .blogContainer.blogContainer-d2 .blogContent {
flex-grow: 1;
}
@media (max-width: 768px) {
.blog-section-updates .blogContainer.blogContainer-d2 {
flex-direction: column;
}
}
.blog-section-updates .act-btn {
margin-top: 70px;
}
@media (max-width: 991.98px) {
.blog-section-updates .act-btn {
margin-top: 30px;
}
}
@media (max-width: 767.98px) {
.blog-section-updates .act-btn {
margin-top: 24px;
}
}
.tabd1-menu {
border: 0;
background: rgba(51, 51, 51, 0.1019607843);
width: auto;
align-items: center;
display: inline-flex;
margin: 0 auto 48px;
padding: 8px;
border-radius: 100px;
gap: 16px;
}
.tabd1-menu .nav-link {
border-radius: 100px;
display: inline-flex;
align-items: center;
justify-content: center;
background: #fff;
font-size: 15px;
font-weight: 500;
color: #000000;
gap: 10px;
}
.tabd1-menu .nav-link i {
width: 30px;
height: 30px;
background: rgba(51, 51, 51, 0.1019607843);
color: #333333;
border-radius: 50%;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.5s;
}
.tabd1-menu .nav-link.active {
background: #ED5C39;
color: #fff;
}
.tabd1-menu .nav-link.active i {
background: #fff;
color: #ED5C39;
transform: rotate(90deg);
}
.tabd1-menu .nav-link:hover {
background: #ED5C39;
color: #fff;
}
.tabd1-menu .nav-link:hover i {
background: #fff;
transform: rotate(45deg);
}
@media (max-width: 1024px) {
.tabd1-menu {
border-radius: 6px;
}
}
@keyframes scroll {
from {
transform: translateX(0);
}
to {
transform: translateX(calc(-100% - var(--gap)));
}
}
@keyframes scroll-rtl {
from {
transform: translateX(0);
}
to {
transform: translateX(calc(100% + var(--gap)));
}
}
@keyframes floatUpDown {
0% {
transform: translateY(0);
}
50% {
transform: translateY(-10px);
}
100% {
transform: translateY(0);
}
}
/*# sourceMappingURL=style.css.map */