.banner__image-lists li img {
width: 100%;
} .crm-htw-slider {
padding: 25px 24px 60px !important;
}
.crm-htw-slider .pagination-wrapper {
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 190px;
padding-bottom: 15px
}
.crm-htw-slider .pagination-wrapper .slide_counter {
position: absolute;
font-size: 32px;
font-weight: 500;
color: #0b163f;
top: -15px
}
@media(max-width: 1199.98px) {
.crm-htw-slider .pagination-wrapper .slide_counter {
color: #fff
}
}
.crm-htw-slider .pagination-wrapper .crm_init_value {
left: -46px
}
.crm-htw-slider .pagination-wrapper .crm_total_value {
right: -46px
}
.crm-htw-slider .swiper-pagination {
position: initial
}
.crm-htw-slider .swiper-pagination-progressbar {
background-color: #d7d7d7; 
height: 3px;
}
.crm-htw-slider .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background-color: #ef3d3d
}
.crm-htw-single {
padding: 32px 24px;
border: 1px solid rgba(11, 22, 63, .12);
-webkit-transition: all .3s ease-in-out !important;
transition: all .3s ease-in-out !important;
-webkit-box-sizing: border-box !important;
box-sizing: border-box
}
.crm-htw-single p {
font-size: 15px
}
.crm-htw-single:hover {
-webkit-box-shadow: 10px 10px 50px rgba(2, 0, 91, .1);
box-shadow: 10px 10px 50px rgba(2, 0, 91, .1);
border-color: rgba(0, 0, 0, 0)
}  .crm-feedback-box {
background-color: #093a3e;
padding: 60px 24px 75px
}
.crm-feedback-slider {
max-width: 870px;
margin: 0 auto
}
.crm-feedback-slider .crm-stars li {
color: #ff9d4d;
font-size: 14px
}
.crm-fd-slide-control {
width: 56px;
height: 56px;
background-color: #ef3d3d;
border-radius: 50%;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #fff;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
cursor: pointer;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.crm-fd-slide-control:hover {
background-color: #fff;
color: #093a3e
}
.crm-fd-slide-control.crm-next-control-outer {
right: -25px
}
.crm-fd-slide-control.crm-prev-control-outer {
left: -25px
}
@media(max-width: 767.98px) {
.crm-fd-slide-control {
display: none
}
}
.crm-feedback-control-slider {
max-width: 325px;
position: absolute !important;
left: 50%;
bottom: -30px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%)
}
.crm-feedback-control-slider .crm-feedback-control-thumb {
border: 2px solid #fff;
border-radius: 50%;
overflow: hidden;
opacity: 0;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer
}
.crm-feedback-control-slider .crm-feedback-control-thumb img {
-webkit-transform: scale(1.1);
transform: scale(1.1)
}
.crm-feedback-control-slider .crm-feedback-control-thumb.swiper-slide-visible {
opacity: 1
}
.crm-feedback-control-slider .crm-feedback-control-thumb.swiper-slide-active {
border-color: #ef3d3d
}
.crm-feedback-control-slider .crm-feedback-control-thumb.swiper-slide-active img {
border-color: #ef3d3d
}
.crm-pricing-table table {
margin-bottom:0;
border: 0;
}
.crm-pricing-table table tr {
border: 0;
}
.crm-pricing-table table th{
border-right:1px solid #e3e3e3;
border-bottom:0;
vertical-align:middle;
padding-bottom:16px
}
.crm-pricing-table table th.crm-pricing-switch-wrapper{
min-width:290px
}
.crm-pricing-table table th.crm-package-wrapper{
min-width:190px
}
.crm-pricing-table table th:last-child{
border-right:0
}
.crm-pricing-table table .title-sm{
font-family:"Poppins",sans-serif;
font-weight:500;
color:#001042;
display:block
}
.crm-pricing-table table .crm-package-price{
display:block;
font-size:24px;
font-weight:600;
color:#001042;
font-family: "Poppins",sans-serif
}
.crm-pricing-table table .crm-package-price.crm_monthly_price{
display:none
}
.crm-pricing-table table .crm-package-subtitle{
font-size:12px;
font-weight:400
}
.crm-pricing-table table .crm-package-btn{
padding: .5rem 1.25rem;
border:1px solid #093a3e;
color:#093a3e;
position:relative;
overflow:hidden;
z-index:1;
font-weight: 600; 
}
.crm-pricing-table table .crm-package-btn:hover{
background-color:#ef3d3d;
color:#fff;
border-color:rgba(0,0,0,0)
} 
.crm-pricing-switch-wrapper .arrow-shape{
position:absolute;
width:40px;
left:160px;
top:75px;
-webkit-transform:rotate(40deg);
transform:rotate(40deg)
}
.crm-pricing-switch-wrapper .crm-offer-badge{
color:#ff724b;
font-size:12px;
font-weight:600;
position:absolute;
left:200px;
bottom:60px
}
.crm-pricing-switch-wrapper .title{
font-size:24px;
font-weight:700;
color:#001042
}
.crm-pricing-switch{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center
}
.crm-pricing-switch button{
border:0;
background-color:rgba(0,0,0,0);
font-size:14px;
font-weight:600;
color: #212529;
padding: 0;
}
.crm-pricing-switch button:hover {
color: #212529;
}
.crm-pricing-switch .crm-switch{
width:33px;
height:16px;
display:inline-block;
border:1px solid #001042;
border-radius:30px;
position:relative;
cursor:pointer;
margin:0 6px
}
.crm-pricing-switch .crm-switch .crm-switch-dot{
position:absolute;
width:11px;
height:11px;
background-color:#001042;
border-radius:50%;
top:50%;
left:2px;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
-webkit-transition:all .3s ease-in;
transition:all .3s ease-in
}
.crm-pricing-switch .crm-switch .crm-checkbox-switch{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
cursor:pointer;
z-index:1;
opacity:0
}
.crm-pricing-switch .crm-switch .crm-checkbox-switch:checked~.crm-switch-dot{
left:18px
}
.crm_pricing_feature_accordion .accordion-item+.accordion-item{
margin-top:8px
}
.crm_pricing_feature_accordion .accordion-item .accordion-header a{
background-color:#f6f9ff;
display:block;
font-weight:600;
font-family:"Urbanist",sans-serif;
color:#001042;
padding:10px 17px 10px 32px;
position:relative
}
.crm_pricing_feature_accordion .accordion-item .accordion-header a::before{
position:absolute;
left:11px
}
.crm_pricing_feature_table table{
margin-bottom:0
}
.crm_pricing_feature_table table tbody tr td{
border:1px solid #e3e3e3;
border-top:0;
font-size:14px;
color:#666
}
.crm_pricing_feature_table td:first-child{
border-left:0
}
.crm_pricing_feature_table td:last-child{
border-right:0
}
.crm_pricing_feature_table .crm_pricing_features_name{
min-width:290px
}
.crm_pricing_feature_table .crm_pricing_feature_check{
min-width:190px
}
.hd-hero-title {
font-weight: 600;
text-align: center;
font-size: 4rem;
}
.hd-hero-title mark {
color:#ff3d55;
position:relative;
background-color: transparent;
padding: 0;
display: inline-block;
}
.hd-hero-title mark .hd-line-shape {
bottom:-14px;
left:10px
}
.hd-pricing-title {
margin-bottom: 0;
}
.hd-pricing-title sup {
font-size: 24px;
}
.hd-pricing-title span {
font-size: 16px;
color: #0b163f;
}
.dg-blog-card {
padding: 24px 24px 40px;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.dg-blog-card .thumbnail img {
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.dg-blog-card h5,
.dg-blog-card .h5 {
color: #313146;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.dg-blog-card h5:hover,
.dg-blog-card .h5:hover {
color: #ef3d3d
}
.dg-blog-card:hover {
-webkit-box-shadow: 14.3045px 23.8408px 66.7541px rgba(2, 0, 91, .1);
box-shadow: 14.3045px 23.8408px 66.7541px rgba(2, 0, 91, .1)
}
.dg-blog-card:hover .thumbnail img {
-webkit-transform: scale(1.01);
transform: scale(1.01)
}
.bg-primary-soft {
background-color: rgba(23,92,255,.2);
}
.bg-danger-soft {
background-color: rgba(242,87,103,.2);
}
.bg-warning-soft {
background-color: rgba(255,177,22,.2);
}
.read-more-link {
font-weight: 600;
font-family: "Poppins",sans-serif;
font-size: .9375rem;
color: #175cff;
text-transform: capitalize;
}
.read-more-link:hover i {
margin-left: 8px;
}
.read-more-link i {
vertical-align: middle;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
margin-left: 6px;
}
.dg-team-single>img {
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.dg-team-single .designation-box {
position: absolute;
padding: 24px;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
white-space: nowrap;
opacity: 0;
visibility: hidden;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.dg-team-single .designation-box h6,
.dg-team-single .designation-box .h6 {
font-size: 16px
}
.dg-team-single:hover>img {
-webkit-transform: scale(1.1);
transform: scale(1.1)
}
.dg-team-single:hover .designation-box {
opacity: 1;
bottom: 24px;
visibility: visible
}
.dg-slider-control {
min-height: 25px; 
margin-top: 24px;
}
.dg-slider-control .swiper-pagination-bullet {
width: 10px;
height: 10px;
opacity: 1;
background: #d9d9d9;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
border: 1px solid rgba(0, 0, 0, 0);
margin: 3px;
}
.dg-slider-control .swiper-pagination-bullet::before {
border: 0 !important;
}
.dg-slider-control .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: linear-gradient(275.81deg, #FFAC12 -1.99%, #FF30C5 99.35%);
border-color: #fff;
width: 12px;
height: 12px;
-webkit-box-shadow: 20px 20px 60px #ffdde8;
box-shadow: 20px 20px 60px #ffdde8;
}
.dg-portfolio-single .dg-portfolio-item-content {
padding: 0 24px 40px;
}
.read-more-link {
font-weight: 600;
font-family: "Poppins",sans-serif;
font-size: .9375rem;
}
.dg-feedback-single {
padding: 40px 24px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .3s ease-in-out !important;
transition: all .3s ease-in-out !important;
}
.dg-feedback-single .clients-thumbnail {
-webkit-box-shadow: 20px 20px 60px #d9f2ff;
box-shadow: 20px 20px 60px #d9f2ff
}
.dg-feedback-single .serial-number {
color: #3bbeff;
padding-left: 48px
}
.dg-feedback-single .serial-number::before {
content: "";
position: absolute;
left: 0;
bottom: 10px;
width: 40px;
height: 1px;
background-color: #3bbeff
}
.dg-feedback-single .serial-number.color-2 {
color: #4353ff
}
.dg-feedback-single .serial-number.color-2::before {
background-color: #4353ff
}
.dg-feedback-single .serial-number.color-3 {
color: #dd4b39
}
.dg-feedback-single .serial-number.color-3::before {
background-color: #dd4b39
}
.dg-feedback-single:hover {
-webkit-box-shadow: 0 .25rem .5625rem -0.0625rem rgba(12, 8, 0, .03), 0 .275rem 1.25rem -0.0625rem rgba(12, 8, 0, .05);
box-shadow: 0 .25rem .5625rem -0.0625rem rgba(12, 8, 0, .03), 0 .275rem 1.25rem -0.0625rem rgba(12, 8, 0, .05)
}
.dg-pricing-tab ul li a {
padding: 10px 24px;
display: inline-block;
font-weight: 600;
color: #313146;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.dg-pricing-tab ul li a.active {
background-color: #ef3d3d;
color: #fff
}
.dg-pricing-column {
padding: 40px 24px;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
border-radius: 12px;
}
.dg-pricing-column .offer-badge {
right: 18px
}
.dg-pricing-column .icon-wrapper {
width: 80px;
height: 80px;
padding: 10px;
-webkit-box-shadow: 20px 20px 60px #d9f2ff;
box-shadow: 20px 20px 60px #d9f2ff
}
.dg-pricing-column .icon-wrapper span {
background: #3bbeff
}
.dg-pricing-column .icon-wrapper.bg-color-2 {
-webkit-box-shadow: 20px 20px 60px #ffdde8;
box-shadow: 20px 20px 60px #ffdde8
}
.dg-pricing-column .icon-wrapper.bg-color-2 span {
background: linear-gradient(275.81deg, #FFAC12 -1.99%, #FF30C5 99.35%)
}
.dg-pricing-column .icon-wrapper.bg-color-3 {
-webkit-box-shadow: 20px 20px 60px #d2ffea;
box-shadow: 20px 20px 60px #d2ffea
}
.dg-pricing-column .icon-wrapper.bg-color-3 span {
background: linear-gradient(98.93deg, #2ACE93 7.76%, #9CE842 100%)
}
.dg-pricing-column .dg-feature-list {
max-width: 210px
}
.dg-pricing-column .dg-feature-list li span {
color: #3bbeff
}
.dg-pricing-column .dg-feature-list li+li {
margin-top: 10px
}
.dg-pricing-column .dg-pricing-amount {
width: 292px;
background-color: #fafbff;
padding: 16px 0 24px 0;
margin-top: 32px;
border-radius: 10px;
}
.dg-pricing-column .dg-pricing-amount h2,
.dg-pricing-column .dg-pricing-amount .h2,
.dg-pricing-column .dg-pricing-amount span {
color: #313146
}
.dg-pricing-column .dg-pricing-amount span {
font-size: 15px
}
.dg-pricing-column .dg-pricing-amount.bg-dg-primary {
background-color: #ef3d3d
}
.dg-pricing-column .dg-pricing-amount.bg-dg-primary h2,
.dg-pricing-column .dg-pricing-amount.bg-dg-primary .h2,
.dg-pricing-column .dg-pricing-amount.bg-dg-primary span {
color: #fff
}
.dg-pricing-column .dg-pricing-amount.bg-dg-primary .dg-outline-btn {
background-color: #fff;
color: #313146;
border-color: #fff
}
.dg-pricing-column .dg-pricing-amount.bg-dg-primary .dg-outline-btn:hover {
background-color: #313146;
color: #fff;
border-color: #313146
}
.dg-pricing-column:hover {
-webkit-box-shadow: 14.3045px 23.8408px 66.7541px rgba(2, 0, 91, .1);
box-shadow: 14.3045px 23.8408px 66.7541px rgba(2, 0, 91, .1)
}
.z-1 {
z-index: 1;
}
.z--1 {
z-index: -1;
}
.dg-outline-btn {
border: 1px solid #d7d7d7 !important;
color: #666 !important;
padding: 16px 32px !important;
font-weight: 600 !important;
}
.dg-outline-btn:hover {
background-color: #ef3d3d !important;
color: #fff !important;
border-color: #ef3d3d !important; 
}
.dg-primary-btn {
background: #ef3d3d !important;
color: #fff !important
}
.dg-primary-btn:hover {
background: #313146 !important;
color: #fff !important;
}
.fs-sm {
font-size: 14px;
}
.dg-pricing-column .package-pro-bg {
background-color: #ef3d3d;
}
.dg-pricing-column .package-pro-bg h2, 
.dg-pricing-column .package-pro-bg span {
color: #ffffff;
}
.dg-pricing-column .package-pro-bg .dg-outline-btn {
background-color: #ffffff !important;
color: #666666 !important;
border-color: #ffffff !important;
}
.sc-service-card {
padding: 40px 24px;
background-color: #fff;
-webkit-box-shadow: 4px 4px 25px rgba(160, 160, 160, .1);
box-shadow: 4px 4px 25px rgba(160, 160, 160, .1);
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.sc-service-card h5 {
margin-bottom: 16px;
}
.sc-service-card .explore-more {
color: #666;
font-weight: 600
}
.sc-service-card .explore-more:hover {
color: #175cff
}
.sc-service-card svg {
opacity: .15;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.sc-service-card:hover {
-webkit-box-shadow: 0 4px 20px rgba(2, 0, 91, .1);
box-shadow: 0 4px 20px rgba(2, 0, 91, .1)
}
.sc-service-card:hover svg {
opacity: 1
}
.sc-portfolio-card>img {
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.sc-portfolio-card .pf-content-box {
position: absolute;
left: 24px;
bottom: 0;
max-width: 424px;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
opacity: 0;
visibility: hidden
}
.sc-portfolio-card:hover>img {
-webkit-transform: scale(1.02);
transform: scale(1.02)
}
.sc-portfolio-card:hover .pf-content-box {
opacity: 1;
visibility: visible;
bottom: 24px
}
.sc-portfolio-card.card-sm .pf-content-box {
width: calc(100% - 48px);
left: 24px
}
.sc-portfolio-card.card-sm .pf-content-box h5,
.sc-portfolio-card.card-sm .pf-content-box .h5 {
font-size: 18px
}
.sc-portfolio-card.active .pf-content-box {
opacity: 1;
bottom: 24px;
visibility: visible
}
@media(max-width: 1399.98px) {
.sc-portfolio-card .pf-content-box {
width: calc(100% - 48px)
}
}
.sc-team-filter-nav {
gap: 24px
}
.sc-team-filter-nav li a {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #666;
font-weight: 600;
padding: 16px 35px;
background-color: #fff;
border: 1px solid #eaeaea;
border-radius: 5px;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.sc-team-filter-nav li a.active {
background-color: #175cff;
border-color: #175cff;
color: #fff
}
.sc-team-filter-nav li a.active svg {
stroke: #fff
}
.sc-team-filter-nav li a.active svg path {
stroke: #fff
}
@media(max-width: 1399.98px) {
.sc-team-filter-nav {
gap: 16px
}
}
@media(max-width: 575.98px) {
.sc-team-filter-nav {
gap: 8px
}
.sc-team-filter-nav li a {
padding: 10px 15px;
font-size: 14px
}
}
.sc-team-card {
padding: 40px 24px;
-webkit-box-shadow: 4px 4px 25px rgba(160, 160, 160, .1);
box-shadow: 4px 4px 25px rgba(160, 160, 160, .1);
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.sc-team-card .thumbnail .thumb-shape {
left: 20px;
top: 10px
}
.sc-team-card h5,
.sc-team-card .h5 {
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.sc-team-card .sc-team-social {
gap: 15px
}
.sc-team-card .sc-team-social a {
color: #666;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.sc-team-card .sc-team-social a:hover {
color: #175cff
}
.sc-team-card:hover {
-webkit-box-shadow: 0 4px 20px rgba(2, 0, 91, .1);
box-shadow: 0 4px 20px rgba(2, 0, 91, .1)
}
.sc-team-card:hover .thumbnail .thumb-shape {
-webkit-animation: 3.5s shake-animation linear infinite;
animation: 3.5s shake-animation linear infinite
}
.sc-team-card:hover h5,
.sc-team-card:hover .h5 {
color: #175cff
}
.sc-pricing-switch {
display: inline-block;
background-color: #fff
}
.sc-pricing-switch button {
border: 0;
background: rgba(0, 0, 0, 0);
color: #093a3e;
font-weight: 600;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
padding: 10px 24px
}
.sc-pricing-switch button.active {
background-color: #175cff;
color: #fff
}
.sc-pricing-column {
padding: 40px;
background-color: #ffffff;
-webkit-box-shadow: 0 4px 20px rgba(2, 0, 91, .1);
box-shadow: 0 4px 20px rgba(2, 0, 91, .1)
}
.sc-pricing-column .icon-wrapper {
width: 70px;
height: 70px;
background-color: #ecebff
}
.sc-pricing-column .sc-pricing-title h6,
.sc-pricing-column .sc-pricing-title .h6 {
font-weight: 500
}
.sc-pricing-column .sc-pricing-title h4,
.sc-pricing-column .sc-pricing-title .h4 {
font-weight: 600
}
.sc-pricing-column .pricing-features li {
font-weight: 600;
color: #0b163f
}
.sc-pricing-column .pricing-features li span {
color: #175cff
}
.sc-pricing-column .pricing-features li+li {
margin-top: 12px
}
.sc-pricing-column.popular {
background: linear-gradient(101.61deg, #002D97 3.52%, #0639AF 97.73%)
}
.sc-pricing-column.popular h1,
.sc-pricing-column.popular .h1,
.sc-pricing-column.popular h5,
.sc-pricing-column.popular .h5,
.sc-pricing-column.popular h6,
.sc-pricing-column.popular .h6,
.sc-pricing-column.popular h4,
.sc-pricing-column.popular .h4,
.sc-pricing-column.popular p {
color: #fff !important
}
.sc-pricing-column.popular ul li {
color: #fff
}
.sc-pricing-column.popular ul li span {
color: #ffbe3d
}
.sc-outline-btn {
color: #666 !important;;
border: 1px solid #d7d7d7 !important;
}
.sc-outline-btn:hover {
background-color: #175cff !important;
border-color: #175cff !important;
color: #fff !important
}