@font-face {
    font-family: 'TitilliumWeb-Regular';
    src: url('../fonts/TitilliumWeb-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'TitilliumWeb-Bold';
    src: url('../fonts/TitilliumWeb-Bold.ttf') format("truetype");
}

@font-face {
    font-family: 'OpenSans-Regular';
    src: url('../fonts/OpenSans-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'OpenSans-Bold';
    src: url('../fonts/OpenSans-Bold.ttf') format("truetype");
}

html {
    scroll-behavior: smooth;
}

body{
    font-size: 14px !important;
    color: #63636B;
    line-height: 25px;
    font-family: "OpenSans-Regular";
    font-weight: normal;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

h1, h2, h3, h4, h5{
    font-family: "TitilliumWeb-Bold";
    font-weight: normal;
    color:#63636B;
}


* {
    box-sizing: border-box;
}

a, a:focus, a:active, a:hover{
    outline: none !important;
    box-shadow: none !important;
}

button, button:focus, button:hover, button:active{
    outline: none !important;
    box-shadow: none !important;
}

input, input:focus, input:hover, input:active{
    outline: none !important;
    box-shadow: none !important;
}

.main-container{
    height: 100%;
    width: 100%;
}

.header-container{
    display: block;
}

.header-top{
    width: 100%;
}

.header-menu{
    width: 100%;
}

.footer-container{
    display: inline-block;
    position: relative;
    width: 100%;
    /* overflow-x: hidden; */
}

.content-container{
   display: block;
}

/* navbar */
.megamenu {
    position: static;
}
  
.megamenu .dropdown-menu {
    background: none;
    border: none;
    width: 100%;
}

nav.navbar{
    width: 100%;
}

button.navbar-toggler{
    width: auto;
    float: right;
}

a.navbar-brand{
    width: auto;
    float: left;
}

.display-contents{
    display: contents;
}

.header-top{
    position: relative;
    background-color: #47505f;
    color: #fff;
    padding: 0.625rem 0;
    font-size: 1rem;
    z-index: 1;
}

.navbar-light .navbar-nav .nav-link{
    font-family: "OpenSans-Regular";
    font-weight: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 0.425rem;
    position: relative;
}

.navbar-light .navbar-nav .nav-link > i{
    margin-left: 3px;
    font-size: 18px;
    width: 18px;
    height: 18px;
    color: #00a9ff;
    transition: all 0.4s;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
}

.header-top ul{
    list-style: none;
    margin:0;
    padding: 0;
}

.top-head-info li {
    display: flex;
    align-items: center;
    margin-right: 1rem;
}

.top-head-info{
    display: flex;
    align-items: center;
    margin-left: -1rem;
}

.top-head-info i{
    margin-right: 0.625rem;
}

.top-social-links{
    display: flex;
    align-items: center;
    margin-left: 2rem;
}

.social-links li {
    margin-right: 1rem;
}

.header-top-links {
    display: flex;
    align-items: center;
    margin-left: -2rem;
}

.top-social-links li{
    margin-right: 1rem;
}

.header-top a:hover{
    color: #ffffff;
    opacity: 1;
}

.header-top a {
    color: #fff;
    opacity: 1;
    text-decoration: none;
}

.header-top li a span{
    opacity: 0.8;
}

.header-top li a:hover span {
    opacity: 1;
}

.top-social-links li a {
    display: block;
    width: 1rem;
    fill: #fff;
    overflow: hidden;
    opacity: 0.8;
    display: flex;
    align-items: center;
}

.header-callback-link{
    display: flex;
    align-items: center;
    color: #fff;
    opacity: 0.8;
}

.header-callback-link i{
    margin-right: 5px;
}

.header-callback-link span{
    border-bottom: 1px dashed #fff;
    transition: all 0.25s;
    line-height: 1.1;
}

.header-callback-link:hover{
    opacity: 1;
}

.header-top-btn{
    margin-left: 1rem;
    opacity: 0.8;
}

.header-top-btn:hover{
    opacity: 1;
}

.navbar-nav > li{
    margin-left: 1rem;
    padding: 1rem 0;
}

.menu-backdrop{
    position: fixed;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    z-index: 99;
    opacity: 0;
    cursor: pointer;
    visibility: hidden;
    transition: opacity 0.3s;
}

.menu-backdrop::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: 0.8;
    display: none;
}

.menu-backdrop.visible{
    opacity: 1;
    visibility: visible;
    width: 100%;
    height: 100%;
}

.nav-link{
    padding: 0;
}

.navbar{
    background-color: #fff;
    width: 100%;
    padding: 0.75rem 0;
    box-shadow: 0px 0px 14px 0px rgb(77 82 94 / 15%);
    z-index: 1000;
    /* position: relative; */
}

.header-fixed .col-static {
    position: static;
}

.header-actions{
    display: flex;
    align-items: center;
    /* margin-left: -1.25rem; */
    padding: 1rem 0;
    margin-bottom: 0;
    list-style: none;
}

.header-actions > li {
    margin-left: 0.55rem;
    width: 24px;
    height: 24px;
    text-align: center;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    position: relative;
}

.mobile-menu{
    display: none;
}

.more-menu .dropdown-menu{
    left: auto;
    right: 0;
    box-shadow: 2px 4px 20px 1px rgba(45, 45, 45, 0.13);
    border: none;
    padding: 1.5rem;
    background: #fff;
    transition: all 0.4s;
}

.more-menu .dropdown-menu li{
    padding: 0;
    display: flex;
    margin-bottom: 15px;
}

.more-menu .dropdown-menu li a{
    color: #63636B;
    display: flex;
    align-items: center;
}

.top-social-links-more{
    display: flex;
    align-items: center;
    padding-left: 0;
}

.top-social-links-more li{
    margin-right: 1rem;
    margin-bottom: 0 !important;
}

.more-menu{
    display: flex;
}

.more-menu li  a  i{
    margin-right: 10px;
}

.more-menu i.fa-ellipsis-v{
    font-size: 20px;
}

.dashed-underline{
    border-bottom: 1px dashed #63636B;
}

.item {
    margin-bottom: 30px;
}

.items {
    margin-bottom: -30px;
}

.footer-bottom .item {
    margin-bottom:0;
}

.footer-bottom .items {
    margin-bottom: 0;
}

.header-lang{
    cursor: pointer;
}

.language{
    min-width: auto;
    padding: 0.75rem 0;
    transition: all 0.2s 0.2s;
    cursor: default;
    border: transparent;
}

.language li{
    padding: 0.5rem 1.5625rem;
}

.language li a {
    color: #63636B;
}

/* Home styles */
.home-section{
    position: relative;
    height: calc(100vh - 23vh);
    z-index: 1;
}

.slide-img{
    height: calc(100vh - 23vh);
    object-fit: cover;
}

.carousel-indicators{
    align-items: center;
}

.carousel-indicators li{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin:0 1.125rem 0.625rem 0;
}

.carousel-indicators li.active{
    width: 14px;
    height: 14px;
    border-radius: 50%;
    margin:0 1.125rem 0.625rem 0;
}

.carousel-indicators .active{
    background-color: #00a9ff;
}

.carousel-indicators li{
    background-color: #333;
}

.carousel-caption{
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    left: auto;
    right: auto;
    text-align: left;
}

.info-banner{
    width: 100%;
    max-width: 500px;
    padding: 0 0 3.75rem 100px;
    margin-right: auto;
}

.info-banner h1{
    position: relative;
    font-size: 2.5rem;
    margin: 0;
    color: #fff;
}

.info-banner p{
    margin-top: 1.75rem;
    color: #fff;
    opacity: 1;
}

.carousel-item::after{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #007bff;
    /* opacity: 0.6; */
    background: linear-gradient(90deg, rgb(0 123 255 / 72%) 35%, rgb(0 123 255 / 62%) 68%, rgb(0 123 255 / 49%) 95%);
}

.banner-btns{
    margin-top: 2rem;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin: 0 0 -1.25rem -1.25rem;
}

.btn-with-icon{
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-small{
    font-size: 0.875rem;
    margin: 0 0 1.25rem 1.25rem;
}

.btn.btn-small.btn-with-icon > i {
    width: 0.8125rem;
    /* height: 0.8125rem; */
    margin-left: 0.5rem;
}

.btn{
    text-align: center;
    font-weight: 400;
    text-decoration: none;
    padding: 0.75em 1.75em;
    outline: none;
    cursor: pointer;
    border-radius: 6px;
    transition: all 0.4s;
}

.theme-btn1{
    background: linear-gradient(to right, #00a9ff 0%, #00a9ff 100%);
    border:1px solid #00a9ff;
    color:#63636B;
    fill:#fff;
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all 0.4s ease;
}

.theme-btn2{
    color:#63636B;
    fill:#63636B;
    border:1px solid #63636B;
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all 0.4s ease;
}


.fa-long-arrow-right:before {
    content: "\f178";
}

.theme-btn1:hover {
    background-position: left bottom;
    color: #fff;
    border: 1px solid #00a9ff;
    background: #00a9ff;
}

.theme-btn2:hover{
    background-position: left bottom;
    color: #fff;
    border: 1px solid #00a9ff;
    background: #00a9ff;
}

.section-btn{
    background: #00a9ff;
    border: 1px solid #00a9ff;
    color: #fff;
    fill:#fff;
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all 0.4s ease;
    font-size: 16px;
}

.section-btn:hover {
    background-position: left bottom;
    color: #fff;
    border: 1px solid #2e7dab;
    background: #2e7dab;
}

.menuMenu > li > a > span{
    display: block;
    transform: translateY(0);
    transition: all 0.4s;
}

.menuMenu > li:hover > a > span, .mmenuMenu > li.active > a > span{
    transform: translateY(100%);
    color: #fff;
}

.menuMenu > li > a::after{
    content: attr(data-title);
    position: absolute;
    left: 0;
    top: 0;
    transform: translateY(-100%);
    padding: 0 0.625rem;
    width: 100%;
    transition: all 0.4s;
    color: #fff;
    padding-left: 7px;
}

.menuMenu.mega > li > a::after{
    padding-left: 0px;
    padding-right: 0;
}

.menuMenu > li:hover > a::after, .menuMenu > li.active > a::after{
    transform: none;
    color: #00a9ff;
}

/* drop transition style */

.menuMenu > li > ul li a > span{
    display: block;
    transform: translateY(0);
    transition: all 0.4s;
}

.menuMenu > li > ul li a:hover > span{
    transform: translateY(100%);
    color: #fff;
    visibility: hidden;
}

.menuMenu > li > ul li a:hover{
    text-decoration: none;
}

.menuMenu > li > ul li a{
    transition: all 0.25s 0s;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    display: block;
    font-size: 14px;
}

.menuMenu > li > ul li a::after{
    content: attr(data-title);
    position: absolute;
    left: 0;
    top: 0;
    transform: translateY(-100%);
    width: 100%;
    transition: all 0.4s;
    color: #fff;
}

.menuMenu > li > ul li a:hover::after{
    transform: translateY(0);
    color: #00a9ff;
}

.navbar-expand-lg .navbar-nav .dropdown-menu{
    /* background-color: #fff; */
    /* min-width: 200px;
    padding: 0.75rem 0;
    transition: all 0.8s ease-in;
    cursor: default;
    border:transparent;
    max-height: 0;
    opacity: 0; */
    padding: 0.75rem 0;
    cursor: default;
    border:transparent;
    visibility: hidden; /* hides sub-menu */
    opacity: 0;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 12rem;
    width: 100%;
    transform: translateY(-100%);
    z-index: 10;
    transition: all 0.5s ease-in-out 0.5s, visibility 0.5s linear 0.5s, z-index 0s linear 0.5s !important;
    transition-duration: 0.5s;
    font-size: 14px;
}

.navbar-nav.menuMenu.single > li:hover .nav-link{
    color: #00a9ff;
}

.navbar-expand-lg .navbar-nav .dropdown-menu li{
    padding: 0.5rem 1.5625rem;
}

.navbar-expand-lg .navbar-nav .dropdown-menu li a{
    color: #63636B;
}

.navbar-light .navbar-nav .nav-link {
    color: #63636B;
}

.menu-heading{
    font-size: 1rem;
    font-weight: bold;
    margin-bottom: 1.5rem;
}

.list-unstyled li a{
    justify-content: flex-start !important;
    padding: 0px !important;
}

.megamenu .list-unstyled li{
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.menu-box-shadow{
    box-shadow: 2px 4px 20px 1px rgba(45, 45, 45, 0.13);
}

.navbar-nav li:hover  .nav-link > i{
    transform: rotate(180deg);
} 

/* footer styles */
.footer-top{
    position: relative;
    background-color: #1c2331;
    width: 100%;
    color: #fff;
    font-size: 1rem;
    flex: 0 0 auto;
}

.footer-wrapper{
    padding: 5rem 0 2rem 0;
    overflow: hidden;
}

.footer-items .item{
    margin-bottom: 30px;
}

.footer-company-info{
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
    height: 100%;
}

.footer-logo{
    margin-bottom: 1.25rem;
    height: auto;
    width: 100%;
    float: left;
}

.footer a{
    color:#fff;
    text-decoration: none;
}

.company-desc{
    margin-bottom: 2rem;
    text-align: justify;
    font-size: 14px;
}

.footer-logo h3{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 0px;
    color: #fff;
}

.footer p, .footer i {
    opacity: 0.8;
}

.footer-social-links ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer-social-links ul li {
    margin-right: 0.625rem;
    width: auto;
    float: left;
}

.footer-social-links ul li a{
    display: flex;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 50%;
    align-items: center;
    justify-content: center;

}

.footer-social-links ul li a.facebook{
    /* border: 1px solid #3b5998 ; */
    color:#fff;
    background: #3b5998 ;
}
.footer-social-links ul li a.instagram{
    /* border: 1px solid #E1306C; */
    color:#fff;
    background: #E1306C;
}
.footer-social-links ul li a.linkedin{
    /* border: 1px solid #0082ca; */
    color:#fff;
    background: #0082ca;
}
.footer-social-links ul li a.twitter{
    /* border: 1px solid #55acee ; */
    color:#fff;
    background: #55acee;
}

.footer-latest-news-list{
    list-style: none;
    padding: 0;
    margin:0;
}

.footer-latest-news-list li{
    border:1px solid red;
}

.footer-latest-news-list li:last-child{
    border:none;
}

.footer-list-news-item{
    display: flex;
    align-items: center;
}

.footer-list-image{
    flex: 50%;
    margin-right: 25px;
}

.article-recent-info.footer h2{
    /* opacity: 0.8; */
    color: #fff;
}

.article-recent-info.footer p{
    color: #d4d4d4;
}

.footer-item .article-recent-wrapper{
    border-bottom: 1px solid #494949;
}

.footer-nav{
    display: flex;
    justify-content: flex-start;
    gap: 30px;
}

.footer-menu li a::before{
    content: '\27AD';
    margin-right: 5px;
}

.footer-menu-link:hover{
    color: #00a9ff;
}

.footer-item .article-recent-img{
    width: 20%;
}

.footer-reviews-block{
    position: relative;
    display: inline-block;
    border: 1px solid #494949;
    border-radius: 6px;
    margin-right: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.footer-review-item{
    display: flex;
    align-items: center;
    padding: 21px;
}

.footer-review-icon{
    flex: 1 auto;
    margin-right: 20px;
}

.footer-review-icon img{
    width: 35px;
    height: 35px;
    border-radius: 50%;
}

.footer-review-info h2{
    font-size: 12px;
    color: #fff;
}

.footer-review-info ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer-review-info ul li{
    position: relative;
    display: inline-block;
}

.footer-review-info ul li i.checked{
    color: #00a9ff;
}

.footer-mobile-block{
    /* background: #57575745; */
    /* opacity: 0.5; */
    padding: 21px 21px 21px 10px;
    border-radius: 6px;
    display: flex;
}

.footer-reviews-block:last-child{
    margin-right: 0;
}

.footer-mobile-info h2{
    font-size: 16px;
    color: #fff;
    margin-bottom: 5px;
}

.footer-mobile-info a{
    font-size: 14px;
    color: #fff;
    opacity: 0.8;
    text-decoration: none;
}

.footer-mobile-icon{
    display: flex;
    align-items: center;
    margin-right: 15px;
}

.footer-mobile-icon i{
    opacity: 0.8;
    font-size: 25px;
}

.footer-input{
    margin-bottom: 10px;
    padding: 8px 30px;
    width: 100%;
    text-align: center;
    font-size: 13px;
    border: 1px solid rgb(250 250 250 / 10%);
    line-height: 23px;
    border-radius: 2px;
    transition: background 0.3s, border 0.3s;
    max-width: 100%;
    background-color: transparent;
    border-radius: 6px;
    color: #fff;
}

.subscribe-btn{
    width: 100%;
    background: #00a9ff;
    border: 1px solid #00a9ff;
    color: #fff;
    font-size: 12px;
}

.subscribe-btn:hover{
    background: #2e7dab;
    border: 1px solid #2e7dab;
    color: #fff;
}

.menu-text-border-small{
    width: 50px;
    background-color: #00a9ff !important;
    display: inline-block !important;
    padding: 0;
    margin-top: 10px;
}

.menu-text-border-medium{
    width: 100px;
    background-color: #00a9ff !important;
    display: inline-block !important;
    padding: 0;
    margin-top: 10px;
}

.menu-text-border-large{
    width: 125px;
    background-color: #00a9ff !important;
    display: inline-block !important;
    padding: 0;
    margin-top: 10px;
    border: 0.1em solid #00a9ff !important;
    border-radius: 10px;
}

.footer-social-links ul li a:hover{
    background-color: #fff;
    color: #63636B;
    text-decoration: none;
}

.footer-item:last-child {
    margin-bottom: 0;
}

.footer-menu-heading{
    font-size: 14px;
    margin-bottom: 0;
    opacity: 0.9;
    color: #fff;
    text-transform: uppercase;
}

.footer-menu{
    list-style: none;
    margin: 0;
    padding: 0;
    flex: 50%;
}

.footer-menu li {
    margin-bottom: 1rem;
    font-size: 14px;
}

.footer-menu-link{
    /* opacity: 0.8; */
    color: #fff;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    display: block;
    font-size: 14px;
}

.footer-menu li a:hover{
    text-decoration: none;
}

.footer-menu li i{
    font-size: 18px;
    margin-right: 5px;
    width: 20px;
    text-align: center;
}

.footer-menu.contacts li{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.subscribe-form{
    width:100%;
    float: left;
    margin-top: 1rem;
}

.form-field{
    margin-right: 1rem;
    margin-bottom: 0;
    width: 100%;
    position: relative;
}

.form-btn{
    display: flex;
    position: relative;
    margin-bottom: 1.25rem;
}

.footer-subscribe{
    display: flex;
}

.form-field input{
    background-color: transparent;
    /* color: #fff; */
    display: block;
    font-size: 14px;
    width: 100%;
    padding: calc(0.75em - 1px) 1rem;
    border: 1px solid #d4d4e1;
    box-shadow: none;
    appearance: none;
    transition: all 0.25s;
    margin: 0;
    border-radius: 6px;
}

.btn-subscribe{
    text-align: center;
    font-size: 1rem;
    color:#fff;
    background:  #00a9ff;
    text-decoration: none;
    padding: 0.55em 1.75em;
    border-radius: 6px;
    outline: none;
    border: none;
}

.btn-subscribe:hover{
    background: #2e7dab;
    color: #fff;
    text-decoration: none;
    transition: all 0.3s;
}

.footer-bottom{
    position: relative;
    padding: 1.3rem 0;
    background: #161c27;
}

.footer-bottom::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background-color: #fff;
    opacity: 0.2;
}

.footer-links ul {
    display: flex;
    margin-bottom: -1rem;
    margin-left: -1.25rem;
    list-style: none;
    padding: 0;
}

.footer-links ul li {
    margin-bottom: 1rem;
    margin-left: 1.25rem;
}

.footer-links ul li a {
    display: block;
    text-decoration: none;
    border-bottom: 1px dashed #fff;
    font-size: 13px;
    color: #fff;
    opacity: 0.8;
}

.footer-bottom .copyright {
    opacity: 0.8;
    color:#fff;
    font-size: 13px;
}

/* Home styles */
.section {
    position: relative;
    padding: 3rem 0 3rem 0;
}
.services {
    overflow: hidden;
}

.section-content h2{
    font-size: 25px;
}

.section-heading-block{
    margin-bottom: 3.5rem;
}

.section-subhead{
    font-size: 1rem;
    margin-bottom: 0.3125rem;
    text-transform: uppercase;
    color: #00a9ff;
}

.section-heading-block h2{
    position: relative;
    font-size: 36px;
    margin: 0;
}

.text-center{
    text-align: center;
}

.services-item{
    display: block;
    text-align: center;
    padding: 1.5rem;
}

.item-style{
    position: relative;
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    color: #63636B;
    height: 100%;
    transition: all 0.25s;
    /* border:1px solid #D4D4E1; */
    text-decoration: none;
    display: inline-block;
}

.services-item-icon{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 6rem;
    height: 6rem;
    min-width: 6rem;
    border-radius: 50%;
    overflow: hidden;
    background-color: #00a9ff;
    background: linear-gradient(to right, #54c1e5 0%, #95dcf3 100%);
    margin: 0 auto 1.25rem;
    color: #fff;
    fill: #fff;
    transition: all 0.25s;
}

.services-item-title{
    position: relative;
    z-index: 2;
    margin-bottom: 1rem;
    font-weight: bold;
}

.services-item-descrip{
    position: relative;
    z-index: 2;
    color: #63636b;
    transition: all 0.25s;
}

.item-style::after{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    border: 1px solid #D4D4E1;
    overflow: hidden;
    pointer-events: none;
    transition: all 0.25s;
}

.services-item-icon-bg{
    position: absolute;
    left: -2rem;
    top: 2rem;
    z-index: 1;
    opacity: 0;
    color: #fff;
    fill:#fff;
    transition: all 0.25s 0.1s;
}

.item-style:hover {
    box-shadow: 2px 4px 20px 1px rgba(45, 45, 45, 0.13);
}

.services-item:hover {
    background-color:#00a9ff;
    color: #fff;
    border-color: transparent;
    text-decoration: none;
}

.services-item:hover .services-item-icon {
    background: #fff;
    color: #00a9ff;
    fill: #00a9ff;
}

.services-item-icon-bg i{
    font-size: 31.25rem;
    width: 31.25rem;
    height: 31.25rem;
}

.services-item:hover .services-item-icon-bg {
    opacity: 0.14;
}

.services-item:hover .services-item-descrip{
    color:#fff;
}

.services-item:hover .services-item-title{
    color: #fff;
}

.services-item-icon i{
    font-size: 3rem;
    width: 3rem;
    height: 3rem;
}

.section-btns {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-left: -1rem;
    margin-bottom: -1rem;
    margin-top: 0.3125rem;
}

.w-240{
    width: 240px;
}

.services-item-img{
    display: block;
    overflow: hidden;
    border-radius: 6px 0px 6px 0px;
}

.services-item-img img{
    width: 100%;
    transform: none;
    will-change: transform;
    transition: all .25s ease;
}

img {
    display: inline-block;
    max-width: 100%;
    height: auto;
}

.services-item-caption{
    padding: 30px 5px 10px 5px;
}

.services-caption-item{
    display: flex;
    flex: 0 1 100%;
    margin-bottom: -20px;
    align-items: center;
}

.services-caption-item > *{
    margin-bottom: 20px;
    margin-left: 30px;
}

.services-caption-item .scaption-left{
    flex: 0 0 auto;
    max-width: 100%;
    margin-left: 15px;
}

.sc-right-head{
    font-size: 23px;
}

.sc-right-body{
    color:#63636B;
    margin-bottom: 0;
}

.scaption-left i{
    font-size: 40px;
    opacity: 0.7;
}

.services-item-wrapper:hover .services-item-img img{
    transform: scale(1.07);
}

.services-item-wrapper:hover{
    color: #00a9ff;
}

.section-bg {
    background-color: #F0F4F8;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.choose-item{
    position: relative;
    display: flex;
    align-items: flex-start;
}

.choose-item-count{
    font-size: 1.0625rem;
    font-family: "TitilliumWeb-Bold";
    color: #00a9ff;
    margin-top: 0.125rem;
    position: relative;
    z-index: 1;
    padding-right: 0.3125rem;
}

.choose-item-count::after{
    content: "";
    position: absolute;
    left: 100%;
    top: 50%;
    height: 1px;
    background-color:#63636B;
    margin-top: -1px;
    width: 2rem;
}

.choose-item-info{
    position: relative;
    z-index: 1;
    padding-left: 2.5rem;
}

.choose-item-title{
    font-weight: bold;
    margin-bottom: 1.25rem;
    min-height: 2.33333333333em;
    font-size: 1.5rem;
}

.choose-item-desc{
    color:#63636b;
    margin: 0;
}

.main-count-wrapper{
    padding-right: 4.375rem;
    padding-left: 4.375rem;
    padding-top: 1.25rem;
}

.main-count-wrapper::before {
    content: "";
    position: absolute;
    right: 0;
    top: 90px;
    width: 34px;
    height: 34px;
    background-color: #2c7ae7;
    border-radius: 50%;
    background: linear-gradient(to right, #2876e2 0%, #3f8efc 100%);
}

.main-count-wrapper::after{
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    background-color: #2c7ae7;
    border-radius: 50%;
    background: linear-gradient(to right, #2876e2 0%, #3f8efc 100%);
}

.main-count-item{
    position: relative;
    width: 320px;
    height: 320px;
    border-radius: 50%;
    padding-bottom: 0.625rem;
}

/* .counter-center-item{
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: #fff;
    box-shadow: 11.35px 22.275px 25.92px 1.08px rgb(14 62 129 / 29%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.counter-number{
    font-size: 9rem;
    font-family: "TitilliumWeb-Bold";
    color: #2c7ae7;
    margin-bottom: 0;
    line-height: 1;
    opacity: 1;
}

.counter-title{
    font-size: 1.5rem;
    font-family: "TitilliumWeb-Bold";
    line-height: 1.2;
}

.counter-back-circle-item{
    position: absolute;
    left: -70px;
    top: -20px;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    background-color: #2c7ae7;
    border-radius: 50%;
    overflow: hidden;
}

.counter-back-circle-item::before{
    content: "";
    position: absolute;
    left: -25px;
    bottom: -65px;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    background-color: #ffffff;
    opacity: 0.1;
    transition: all 0.25s;
}

.counter-back-circle-item::after{
    content: "";
    position: absolute;
    left: 30px;
    bottom: -50px;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    background-color: #ffffff;
    opacity: 0.15;
    transition: all 0.25s;
}

.counter-right-item-number{
    font-size: 2.5rem;
    line-height: 1.2;
    color: #00a9ff;
    margin-bottom: 5px;
}

.counter-right-item-title{
    margin-bottom: 0;
} */

.ourExperience{
    background-image: url('../../assets/images/experience-bg.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    transition: all 0.3s;
}

.experience-heading{
    font-size: 30px;
    color: #fff;
    letter-spacing: 1px;
    font-weight: normal;
    text-transform: uppercase;
    margin-bottom: 0px;
    line-height: 40px;
}

.experience-descrp{
    margin-top: 14px;
    margin-top: 10px;
    color:rgba(255, 255, 255, 0.8);
    /* letter-spacing: .075em; */
}

.row-lg{
    margin-top: 50px;
}

.experience-card-wrapper{
    text-align: left;
    padding: 24px 30px 32px 30px;
    max-width: 270px;
    min-height: 100%;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid rgba(255, 255, 255, 0.24);
}

.experience-card-body{
    max-width: 170px;
    margin-left: auto;
    margin-right: auto;
}

.experience-card-head{
    color: #00a9ff;
    font-size: 30px;
    margin-bottom: 15px;
}

.experience-card-head span{
    color: #fff;
    font-size: 18px;
}

.experience-card-descrip{
    color: #fff;
    font-size: 18px;
}

.footer-menu.contacts li span{
    opacity: 0.8;
}

.tab-nav-section{
    position: relative;
    margin-bottom: 30px;
    margin-top: -0.3125rem;
}

.section-nav-list{
    list-style: none;
    margin: 0;
    padding: 0.3125rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    text-transform: uppercase;
    width: 100%;
    overflow-x: auto;
    margin-bottom: 3rem;
}

.section-nav-list li{
    cursor: pointer;
    padding: 2px 5px;
    margin-right: 1.5rem;
    white-space: nowrap;
    transition: all 0.25s;
}

.section-nav-list li a{ 
    color:#63636B;
}

.project-item{
    position: relative;
    display: block;
    height: 300px;
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
    transition: 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.project-item ul {
    width: 100%;
    height: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
}
.project-item li {
    width: 100%;
    height: 100%;
    float: left;
    list-style: none;
    position: relative;
    cursor: pointer;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    perspective: 1000;    
}
.project-item div {
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-transition: 0.6s ease-in-out;
    -moz-transition: 0.6s ease-in-out;
    transition: 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;    
    backface-visibility: hidden;    
}
.project-item .front {
    z-index: 3;
    color: #fff;
    text-align: center;
    border-radius: 10px;
   
}
.project-item li:hover > .front{
    z-index: 0;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg);    
}
.project-item li:hover > .back {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);    
    transform: rotateY(0deg);
}
.project-item .back {
    color: #fff;
    text-align: center;
    padding: 1.5rem;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg);    
    background: #00a9ff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.project-item #box1 {
    background: red;
}

.front img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.project-back-head{
    font-weight: bold;
    margin-bottom: 1rem;
    font-size: 1.375rem;
    color: #fff;
}

.project-back-descrip{
    margin-bottom: 1.5rem;
}

.btn-circle-arrow{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.btn-circle-inside{
    position: relative;
    display: flex;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    text-align: center;
    font-size: 1rem;
    overflow: hidden;
    color: #00a9ff;
    fill: #00a9ff;
    background-color: #fff;
    align-items: center;
    justify-content: center;
}

.section-nav-list .nav-link.active{
    color:#00a9ff;
}

.fade {
    transition: opacity .3s linear !important;
}

.team-item-img{
    /* height: 270px; */
    background-color: #F0F4F8;
}

.team-item-info{
    position: relative;
    text-align: center;
    padding: 1.5rem 1rem 1rem;
}

.team-item-img img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.team-item-title{
    font-size: 1.125rem;
    font-weight: bold;
}

.team-item-position{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 1rem;
    color:#63636b;
    margin-bottom: 0;
}

.item-style:hover {
    box-shadow: 2px 4px 20px 1px rgba(45, 45, 45, 0.13);
}

.team-item-social{
    position: absolute;
    left: 50%;
    top: -28px;
    transform: translateX(-50%);
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.25s;
}

.team-item:hover .team-item-social {
    top: -14px;
    opacity: 1;
    visibility: visible;
}

.team-item-social li{
    margin-right: 0.375rem;
}

.team-item-social li a{
    display: flex;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 6px;
    background-color: #00a9ff;
    fill: #fff;
    border: 1px solid #00a9ff;
    align-items: center;
    justify-content: center;
}

.team-item-social li a i{
    color: #fff;
}

.team-item-social li a:hover {
    background-color: transparent;
    border: 1px solid #00a9ff;
    color:#00a9ff;
    text-decoration: none;
}

.team-item-social li a:hover i{
    color:#00a9ff;
}

a{
    transition: all 0.25s;
}

.review-item-head{
    display: flex;
    margin-bottom: 1.5rem;
}

.review-item-img{
    width: 4.6875rem;
    height: 4.6875rem;
    min-width: 4.6875rem;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 1.25rem;
    background-color: #F0F4F8;
}

.review-item-img img{
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.review-item-info{
    padding-top: 0.625rem;
}

.review-info-title{
    font-size: 1.125rem;
    font-weight: bold;
}

.review-info-client{
    font-size: 1rem;
    color: #63636b;
    margin-bottom: 0;
}

.review-item-text{
    color: #63636b;
    margin-bottom: 0;
}

.reviews-item{
    padding: 2rem 1.25rem;
}

.item-style:hover::after {
    border-color: transparent;
}

.news-item .news-item-img{
    display: block;
    height: 200px;
    width: 100%;
    position: relative;
    overflow: hidden;
    background-color: #F0F4F8;
}

.news-item-img img{
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.news-iteem-info{
    position: relative;
    padding: 2.1875rem 1.25rem 1.25rem;
}

.news-item-date{
    position: absolute;
    left: 50%;
    top: -1.125rem;
    height: 2.25rem;
    line-height: 2.25rem;
    padding: 0 0.625rem;
    background-color: #00a9ff;
    color: #fff;
    font-size: 0.8125rem;
    border-radius: 6px;
    transform: translateX(-50%);
}

.news-item-title{
    font-size: 1.125rem;
    margin-bottom: 0.625rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.news-item-descrip{
    margin-bottom: 0;
    color:#63636b;
}

/* Home 2 styles start */

.services-item-latest{
    padding-top: 6.25rem;
    padding-bottom: 3rem;
}

.services-item.services-item-latest .services-item-icon{
    position: absolute;
    left: -1.5rem;
    top: -1.5rem;
    padding-top: 1rem;
    padding-left: 1rem;
    margin: 0;
    z-index: 11;
}

.choose-latest .choose-item{
    position: relative;
    display: flex;
    align-items: flex-start;
}

.choose-latest .choose-item-count{
    font-size: 9.5rem;
    font-family: "TitilliumWeb-Bold";
    color: #2c7ae7;
    opacity: 0.14;
    position: absolute;
    left: 0;
    bottom: -1rem;
    line-height: 1;
}

.choose-latest .choose-item-latest{
    max-width: 270px;
    margin-left: auto;
    margin-right: auto;
}

.choose-latest .choose-item-info{
    position: relative;
    z-index: 1;
    padding-left: 0;
}

.choose-latest .choose-item-title{
    font-weight: bold;
    margin-bottom: 1.25rem;
    min-height: 2.33333333333em;
    font-size: 1.5rem;
}

.choose-latest .choose-item-desc{
    color:#63636b;
    margin: 0;
}

.achieve-counter-item{
    padding: 0 1.25rem 2rem;
    text-align: center;
}

.achieve-counter-icon{
    width: 5.625rem;
    height: 5.625rem;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid #D4D4E1;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.25rem;
    padding-bottom: 0.5rem;
    margin-top: -2.5rem;
    background-color: #F0F4F8;
    color: #00a9ff;
}

.achieve-counter-icon i{
    font-size: 2.25rem;
    width: 2.25rem;
    color: #00a9ff;
}

.achieve-counter-info span{
    font-size: 2.5rem;
    line-height: 1.2;
    color: #00a9ff;
    margin-bottom: 0.625rem;
    opacity: 1;
    font-family: "TitilliumWeb-Bold";
    width: 100%;
    float: left;
}

.achieve-counter-info-text{
    margin-bottom: 0;
    font-size: 1.25rem;
}

.meetteam-item{
    position: relative;
    display: block;
    text-decoration: none;
}

.meetteam-item-img{
    /* height: 270px; */
    background-color: #F0F4F8;
}

.meetteam-item .img-style {
    border: 1px solid #D4D4E1;
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
}

.meetteam-item-img img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.meetteam-item .img-style img {
    margin: 0;
}

.meetteam-item-info{
    padding: 1rem 1rem 0 1rem;
    position: relative;
    text-align: center;
}

.meetteam-info-tttle{
    line-height: 1.4;
    margin-bottom: 0.125rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 1.125rem;
}

.meetteam-info-position{
    color: #63636B;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 1rem;
    margin-bottom: 0;
}

.meetteam-social-list{
    position: relative;
    left: 0;
    top: 0;
    transform: none;
    opacity: 1;
    visibility: visible;
    margin-top: 1rem;
    justify-content: center;
    display: flex;
    list-style: none;
    margin-bottom: 0;
    padding: 0;
    transition: all 0.25s;
}

.meetteam-social-list li{
    margin-right: 0.375rem;
}

.meetteam-social-list li a{
    display: flex;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 6px;
    background-color: #00a9ff;
    fill: #fff;
    border: 1px solid #00a9ff;
    color: #fff;
    justify-content: center;
    align-items: center;
}

.meetteam-social-list li a:hover{
    background-color:transparent;
    border: 1px solid #00a9ff;
    color: #00a9ff;
    text-decoration: none;
}

a{
    transition: all 0.25s;
}

#slider{
    margin-bottom: 5rem;
}

#slider .carousel-indicators {
    position: absolute;
    left: 0;
    width: initial;
    margin-left: initial;
    top: auto;
    bottom: -90px;
}

#slider .carousel-indicators > li {
    width: initial;
    height: initial;
    text-indent: initial;
    margin:0px 10px;
    opacity: 1;
}

#slider .carousel-indicators > li.active img {
    opacity: 1;
}

#slider .carousel-indicators > li img{
    border-radius: 50%;
    opacity: 0.6;
    max-width: 100%;
}

#slider .list-inline-item a{
    background: #F0F4F8;
    width: 75px;
    height: 75px;
    display: block;
    border-radius: 50%;
    text-indent: initial;
    border-top: 0;
    border-bottom: 0;
    margin: 0;
    opacity: 1;
}

#slider .carousel-indicators .active{
    background-color: transparent;
}

#slider .carousel-item::after{
    display: none;
}

#slider  .carousel-indicators li.active{
    margin:0px 10px;
}

#slider .carousel-item-text{
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.25rem;
    color:#63636B;
}

#slider .carousel-item-text p{
    margin-bottom: 0;
}

#slider .carousel-item-user-info{
    width: 100%;
    text-align: center;
    margin-bottom: 2rem;
    float: left;
}

.carousel-item-user-title{
    margin-bottom: 0.125rem;
    font-size: 1.125rem;
}

#slider .carousel-item-user-position{
    color: #63636B;
    font-size: 1rem;
    margin-bottom: 0;
}

#slider .item-style-slider {
    position: relative;
    background-color: #fff;
    border-radius: 10px;
    overflow: initial;
    color: #63636B;
    height: 100%;
    transition: all 0.25s;
}

#slider .item-style-slider::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    border: 1px solid #D4D4E1;
    overflow: hidden;
    pointer-events: none;
    transition: all 0.25s;
}

#slider .review-latest{
    padding: 2rem 1.25rem;
    text-align: center;
}

#slider .item-style:hover::after {
    border-color: transparent;
}

.home-latest .info-banner{
    width: 100%;
    max-width: 500px;
    padding: 3rem 3rem 3rem 4.375rem;
    margin-right: auto;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 2px 4px 20px 1px rgba(45, 45, 45, 0.13);
}

.home-latest .carousel-caption{
    top: 35%;
    transform: translateY(-50%);
    width: 100%;
    left: auto;
    right: auto;
    text-align: left;
}

.home-latest .info-banner h1{
    position: relative;
    font-size: 2.5rem;
    margin: 0;
    color:#63636B;
}

.home-latest .info-banner p{
    margin-top: 1.75rem;
    color: #63636b;
}

/* Home 2 styles end */

/* Services 1 styles start */
.nav-breadcrumbs{
    position: relative;
    padding: 1.125rem 0;
    background-color: #F0F4F8;
    display: inline-block;
    width: 100%;
}

.nav-breadcrumb-list{
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    font-size: 14px;
    overflow: hidden;
}

.nav-breadcrumb-list li{
    position: relative;
    margin-right: 2rem;
    white-space: nowrap;
}

.nav-breadcrumb-list li a{
    text-decoration: none;
    color:#63636B;
}

.nav-breadcrumb-list li i{
    position: absolute;
    top: 50%;
    right: -1.2rem;
    margin-top: -9px;
    color:#00a9ff;
    font-size: 1.125rem;
}

.nav-breadcrumb-list li:last-child{
    margin-right: 0;
}

.nav-breadcrumb-list li:last-child a{
    pointer-events: none;
    cursor: text;
    color: #00a9ff;
}

.contactus .section{
    position: relative;
    padding: 5rem 0;
}

.contactus .section-heading-block{
    margin-bottom: 3.5rem;
    text-align: center;
}

.contactus .section-subheading{
    font-size: 1rem;
    margin-bottom: 0.3125rem;
    text-transform: uppercase;
    color: #2c7ae7;
}

.contactus .section-mainheading{
    position: relative;
    font-size: 2.5rem;
    margin: 0;
}

.services-info-block{
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
    transition: 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.services-info-block ul{
    width: 100%;
    height: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
}   

.services-info-block li {
    width: 100%;
    height: 350px;
    float: left;
    list-style: none;
    position: relative;
    cursor: pointer;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    perspective: 1000;   
}
.services-info-block div {
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;    
    backface-visibility: hidden;    
}
.services-info-block .front {
    z-index: 3;
    color: #fff;
    text-align: center;
    background: #e3e3e3;
}

.services-info-block .front img{
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.services-info-block li:hover > .front{
    z-index: 0;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg);    
}
.services-info-block li:hover > .back {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);    
    transform: rotateY(0deg);
}
.services-info-block .back {
    color: #fff;
    text-align: center;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg);    
    background: #00a9ff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.25rem;
    flex-direction: column;
}

.img-style {
    border: 1px solid #d4d4e1;
    background-color: #F0F4F8;
    border-radius: 10px;
    overflow: hidden;
}

.services-image-title{
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    color: #fff;
}

.services-image-descrip{
    margin-bottom: 1.25rem;
    margin: 0 0 2rem 0;
    color:#fff;
}

.service-btn-circle{
    display: flex;
    flex-wrap: wrap;
    justify-content: center !important;
}

.circle-arrow{
    color: #00a9ff;
    fill: #00a9ff;
    background-color: #fff;
    position: relative;
    display: flex;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    text-align: center;
    font-size: 1rem;
    overflow: hidden;
    align-items: center;
    justify-content: center;
}

.circle-arrow:hover{
    text-decoration: none;
}
/* Services 1 styles end */

/* Services 2 styles starts */
.services-item-block{
    display: flex;
    align-items: flex-start;
    text-align: left;
    padding: 1.5rem;
}
.services-block-icon{
    width: 5.5rem;
    height: 5.5rem;
    min-width: 5.5rem;
    margin: 0;
    margin-right: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    overflow: hidden;
    background-color: #00a9ff;
    background: #00a9ff;
    color: #fff;
    fill: #fff;
    transition: all 0.25s;
    text-align: center;
}

.services-block-icon i{
    font-size: 3rem;
    width: 3rem;
    height: 3rem;
}

.services-item-block:hover{
    text-decoration: none;
}

.sb-info-title{
    font-size: 1.375rem;
    margin-bottom: 1rem;
}

.sb-info-descrip{
    font-size: 14px;
    color: #63636b;
    transition: all 0.25s;
    margin-bottom: 0;
}

.services-block-icon-bg{
    position: absolute;
    left: -2rem;
    top: -3rem;
    z-index: 1;
    opacity: 0;
    color: #fff;
    fill: #fff;
    transition: all 0.25s 0.1s;
}

.services-item-block:hover .services-block-icon{
    background: #fff;
    color: #00a9ff;
    fill: #00a9ff;
}

.services-item-block:hover .services-block-icon-bg {
    opacity: 0.14;
}

.services-item-block:hover .sb-info-title {
    color: #fff;
}

.services-item-block:hover .sb-info-descrip {
    color: #fff;
}

.item-style:hover {
    box-shadow: 2px 4px 20px 1px rgba(45, 45, 45, 0.13);
}

.services-item-block:hover {
    background-color: #00a9ff;
    color: #fff;
    border-color: transparent;
}

.services-block-icon-bg i {
    font-size: 31.25rem;
    width: 31.25rem;
    height: 31.25rem;
}
/* Services 2 styles end */

/* Single services style start */
.section-content{
    text-align: justify;
}

.section-block-img{
    border: 1px solid #d4d4e1;
    background-color: #F0F4F8;
    border-radius: 10px;
    overflow: hidden;
}

.section-content > * {
    margin-bottom: 2rem;
}

.section-block-img img{
    margin: 0;
    max-width: 100%;
    height: auto;
    display: block;
}

p {
    margin: 0 0 2rem 0;
}

.section-content h5{
    margin-top: 2.5rem;
    text-align: left;
}

.section-content > *:last-child {
    margin-bottom: 0;
}

.section-content ul{
    list-style: none;
    margin: 0 0 2rem 0;
    padding: 0;
}

.section-content ul li{
    position: relative;
    display: flex;
    margin-bottom: 0.625rem;
}

.section-content ul li::before {
    content: "✔";
    margin-right: 0.5rem;
    display: block;
    min-width: 1rem;
    color:#2e7dab;
}

.pricing-block-header{
    padding: 2rem;
    border-bottom: 1px solid #D4D4E1;
    text-align: center;
    display: block;
}

.pricing-block-content{
    padding: 2rem;
}

.pricing-header-title{
    text-transform: uppercase;
    margin-bottom: 0;
}

.pricing-header-price{
    font-size: 2rem;
    color: #00a9ff;
    font-family: "TitilliumWeb-Bold";
    font-weight: normal;
    line-height: 1.6;
}

small {
    font-size: 0.85rem;
}

.pricing-content-list{
    list-style: none;
    margin: 0;
    padding: 0;
    fill: #63636B;
    color: #9b9b9b;
    line-height: 1.5rem;
    font-size: 1rem;
}

.pricing-content-list li {
    display: flex;
    margin-bottom: 0.75rem;
    font-size: 14px;
}

.pricing-content-list li.active {
    color: #63636B;
}

.pricing-content-list li.active i{
    color:#2e7dab;
}

.pricing-content-list li i{
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 0.625rem;
    justify-content: center;
    align-items: center;
    display: flex;
}

.pricing-btn-with-icon{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.125rem;
    width: 100%;
    text-align: center;
    color:#fff;
    background: #00a9ff;
    text-decoration: none;
    padding: 0.75em 1.75em;
    border-radius: 6px;
    outline: none;
    border: none;
    cursor: pointer;
    transition: all 0.4s;
}
.pricing-btn-with-icon:hover{
    background:#2e7dab;
}

.pricing-block-footer a i{
    margin-left: 0.5rem;
    font-size: 0.925rem;
}

.pricing-btn-with-icon:hover{
    color: #fff;
    text-decoration: none;
}

.popular-badge{
    position: absolute;
    top: 30px;
    right: -60px;
    width: 200px;
    height: 30px;
    line-height: 30px;
    background-color: #2e7dab;
    color: #fff;
    text-align: center;
    font-size: 1rem;
    transform: rotate(45deg);
}

.form-input-group{
    position: relative;
    margin-bottom: 1.25rem;
}

.form-input{
    display: block;
    font-size: 1rem;
    width: 100%;
    padding: calc(0.75em - 1px) 1rem;
    margin-bottom: 1rem;
    border-radius:6px;
    border: 1px solid #D4D4E1;
    background-color: transparent;
    outline: none;
    color: #63636B;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: all 0.25s;
}

::placeholder{
    opacity: 0.6;
}

.order-submit-btn{
    width: 100%;
    display: block;
    text-align: center;
    font-size: 1rem;
    color: #fff;
    fill: #fff;
    background: #00a9ff;
    background-position: left bottom;
    text-decoration: none;
    padding: 0.75em 1.75em;
    border-radius: 6px;
    outline: none;
    border: none;
    transition: all 0.4s;
}

.order-submit-btn:hover{
    background-position: right bottom;
    color: #fff;
    background: #2e7dab;
}
/* Single service style end */

/* contactus 1 styles start */
.section-heading-block{
    margin-bottom: 3rem;
}

.section-subheading{
    font-size: 14px;
    margin-bottom: 0.3125rem;
    text-transform: uppercase;
    color: #00a9ff;
}

.section-mainheading{
    position: relative;
    font-size: 2.5rem;
    margin: 0;
}
.contact-info-bg{
    background-color: #F0F4F8;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.contact-info-col{
    position: relative;
    padding: 2rem 1.25rem;
    border-radius: 10px;
    height: 100%;
}

.contact-info-col h2{
    font-size: 20px;
    margin-bottom: 1rem;
}

.contact-info-list{
    list-style: none;
    margin: 0;
    padding: 0;
    color: #63636B;
}

.contact-info-list li{
    display: flex;
    margin-bottom: 15px;
}

.contact-info-list li i{
    margin-right: 0.625rem;
    color: #00a9ff;
    display: flex;
    align-items: center;
    justify-content: center;
    /* font-size: 1.375rem; */
    width: 1.375rem;
    height: 1.375rem;
}

.contact-info-text{
    opacity: 1;
    margin: 0;
}

.contact-info-text a{
    color:#63636B;
    opacity: 1;
    width: 100%;
    float: left;
}

.contact-form h3{
    font-size: 20px;
    margin-bottom: 1rem;
}

.contact-form-input{
    display: block;
    font-size: 1rem;
    width: 100%;
    padding: calc(0.75em - 1px) 1rem;
    border-radius: 6px;
    border: 1px solid #d4d4e1;
    background-color: transparent;
    outline: none;
    color: #63636B;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: all 0.25s;
}

.contact-textarea{
    display: block;
    font-size: 1rem;
    width: 100%;
    padding: calc(0.75em - 1px) 1rem;
    border-radius: 6px;
    border: 1px solid #d4d4e1;
    background-color: transparent;
    outline: none;
    color: #63636B;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: all 0.25s;
}

.form-field {
    position: relative;
    margin-bottom: 1.25rem;
}

::placeholder{
    opacity: 0.6;
}

.btn-send-form{
    text-align: center;
    font-size: 1rem;
    color:#fff;
    background: #00a9ff;
    background-position: right bottom;
    text-decoration: none;
    padding: 0.75em 1.75em;
    border-radius: 6px;
    outline: none;
    border: none;
    transition: all 0.4s;
    width: 240px;
}

.btn-send-form:hover{
    background-position: left bottom;
    color: #fff;
    background: #2e7dab;
}

#map{
    height: 500px;
    width: 100%;
}

.contact-info-block{
    padding: 1.5rem 1.25rem;
}

.contact-info-block-icon{
    display: flex;
    justify-content: center;
    margin-bottom: 2rem;
    color: #00a9ff;
}

.contact-info-block-icon i{
    font-size: 3.75rem;
    width: 3.875rem;
    height: 3.75rem;
}

.contact-info-block-content{
    text-align: center;
}

.contact-info-block-content a{
    text-decoration: none;
    color: #63636B;
    width: 100%;
    float: left;
}

.list-item-contact{
    margin-bottom: 30px;
}

#mapSmall{
    height: 100%;
    width: 100%;
}

.form-heading h3{
    margin-bottom: 2rem;
    font-size: 20px;
}
/* contactus 1 style end */

.display-flex{
    display: flex;
}
.list-unstyled.flex-item{
    width: 50%;
}

/* about us styles start */
.about-us-heading{
    margin-top: 2.5rem;
    text-align: left;
    margin-bottom: 2rem;
}
.section-content > *{
    margin-bottom: 2rem;
}
.photogallery-wrapper{
    display: flex;
}
.photogallery-column{
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
}
.photogallery-column.column-1{
    width: 40%;
}
.photogallery-column.flex-dire-row{
    flex-direction: row;
    flex-wrap: wrap;
}
.photogallery-column.column-2{
    width: 60%;
}
.photogallery-thumb{
    position: relative;
    overflow: hidden;
}
.thumb-inner-wrapper{
    overflow: hidden;
    transform: translateZ(0);
    opacity: 1;
}
.thumb-inner-wrapper .image-container{
    width: 100%;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(#fff,#000);
    position: relative;
    background: 0;
}
.thumb-image-left{
    padding-top: calc(125% + 0px);
    background-image: url('../images/elegant_beige_design.jpg');
}

.thumb-inner-wrapper .image-container .thumb-image-left{
    display: flex;
    flex-direction: column;
    background-repeat: no-repeat;
    background-size: cover !important;
    background-position: 100% 0 !important;
}
.photogallery-thumb.width-50{
    width: 50%;
}
.photogallery-thumb.width-full-length{
    width: 100%;
}
.thumb-image-right.img1{
    padding-top: 83.3333%;
    background-image: url('../images/color_palette.jpg');
}
.thumb-image-right.img2{
    padding-top: 83.3333%;
    background-image: url('../images/pink_wall_and_sofa.jpg');
}
.thumb-image-right.img3{
    padding-top: 41.6667%;
    background-image: url('../images/bathroom_design.jpg');
}
.thumb-image-right{
    display: flex;
    flex-direction: column;
    background-repeat: no-repeat;
    background-size: cover !important;
    background-position: 50% 50% !important;
}
.photogallery-thumb:hover a{
    transform: scale(1.06);
    transition: all .2s ease-out;
}
.p-0px-t{
    padding-top: 0px;
}
.section-icon-block{
    width:75px;
    height: 75px;
    border-radius: 10px;
    background: #00a9ff;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 50px;
    border: 1px solid #00a9ff;
}
.section-icon-block:hover{
    background-color: transparent;
    color: #00a9ff;
    border: 1px solid #00a9ff;
    transition: all 0.3s;
}
.brand-item{
    height: 150px;
    padding: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.section-description{
    margin-bottom: 3.5rem !important;
}
.brand-item img{
    max-width: 100%;
}
/* about us styles end */

/* testimonial styles start */
.testimonial1-bottom{
    align-items: center;
    border-top: none;
    border-radius: 0 0 8px 8px;
    display: -ms-flexbox;
    display: flex;
    height: 260px;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    z-index: 9;
}
.testimonial1-top-wrapper{
    height: 165px;
    position: relative;
    width: 100%;
    z-index: 8;
}
.testimonial1-top-image-wrapper{
    height: 100%;
    overflow: hidden;
    position: absolute;
    width: 100%;
}
.testimonial1-top-image-wrapper img{
    border-radius: 8px 8px 0 0;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
.testimonial1-bottom-avatar{
    border: 6px solid #00a9ff;
    height: 110px;
    margin-bottom: 18px;
    margin-top: -60px;
    width: 110px;
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 0;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden;
    padding: 0;
    position: relative;
}
.testimonial1-bottom-avatar img{
    border: 0;
    border-radius: 50%;
    left: 50%;
    min-width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 0;
}
.testimonial1-bottom-avatar::after{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(0,0,0,.07);
    border-radius: 50%;
}
.testimonial1-bottom-info{
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    padding: 0px 15px;
}
.testimonial1-bottom-info p{
    margin-bottom: 10px;
}
.testimonial1-bottom-info-client{
    font-size: 14px;
    color: #869198;
    font-style: italic;
}

/* owl 1 slider */
.demo{ background: #f8f8f8; }
.testimonial{
    margin: 0 20px 40px;
}
.testimonial .testimonial-content{
    padding: 35px 25px 35px 50px;
    margin-bottom: 35px;
    background: #fff;
    border: 1px solid #d4d4e1;
    position: relative;
}
.testimonial .testimonial-content:after{
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #fff;
    position: absolute;
    bottom: -10px;
    left: 22px;
    transform: rotate(45deg);
}
.testimonial-content .testimonial-icon{
    width: 50px;
    height: 45px;
    background: #00a9ff;
    text-align: center;
    font-size: 22px;
    color: #fff;
    line-height: 42px;
    position: absolute;
    top: 37px;
    left: -19px;
}
.testimonial-content .testimonial-icon:before{
    content: "";
    border-bottom: 16px solid #00a9ff;
    border-left: 18px solid transparent;
    position: absolute;
    top: -16px;
    left: 1px;
}
.testimonial .description{
    font-size: 15px;
    font-style: italic;
    color: #8a8a8a;
    line-height: 23px;
    margin: 0;
}
.testimonial .title{
    display: block;
    font-size: 18px;
    font-weight: 700;
    color: #525252;
    text-transform: capitalize;
    letter-spacing: 1px;
    margin: 0 0 5px 0;
}
.testimonial .post{
    display: block;
    font-size: 14px;
    color: #869198;
}
.owl-theme .owl-controls{
    margin-top: 20px;
}
.owl-theme .owl-controls .owl-page span{
    background: #ccc;
    opacity: 1;
    transition: all 0.4s ease 0s;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
    background: #00a9ff;
}

/* owl 2 */
#testimonial-slider2 .testimonial .pic{
    width: 22%;
    padding: 20px 0;
    margin: 0 6% 0 2%;
    float: left;
    position: relative;
    z-index: 1;
}
#testimonial-slider2 .testimonial .pic:before,
#testimonial-slider2 .testimonial .pic:after{
    content: "";
    width: 130px;
    height: 150px;
    background: #00a9ff;
    position: absolute;
    z-index: -1;
}
#testimonial-slider2 .testimonial .pic:before{
    top: 0;
    right: -20px;
}
#testimonial-slider2 .testimonial .pic:after{
    bottom: 0;
    left: -20px;
}
#testimonial-slider2 .testimonial .pic img{
    width: 100%;
    height: auto;
    border: 3px solid #00a9ff;
}
#testimonial-slider2 .testimonial .testimonial-content{
    width: 70%;
    float: right;
}
#testimonial-slider2 .testimonial .title{
    display: block;
    font-size: 18px;
    font-weight: 600;
    color: #63636B;
    margin: 0;
    text-transform: uppercase;
    padding-top: 65px;
    padding-left: 15px;
}
#testimonial-slider2 .testimonial .post{
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 27px;
    color: #63636B;
    text-transform: capitalize;
    margin-bottom: 25px;
    padding-left: 15px;
}
#testimonial-slider2 .testimonial .description{
    font-size: 16px;
    color: #63636B;
    padding: 0 15px;
    margin: 0;
    position: relative;
}
#testimonial-slider2 .testimonial .description:before,
#testimonial-slider2 .testimonial .description:after{
    font-family: "Font Awesome 5 Free"; font-weight: 900;
    font-size: 17px;
    color: #00a9ff;
    position: relative;
}
#testimonial-slider2 .testimonial .description:before{
    content: "\f10d";
    margin-right: 5px;
    top: 0;
    left: 0;
}
#testimonial-slider2 .testimonial .description:after{
    content: "\f10e";
    margin-left: 5px;
    position: relative;
    bottom: 0;
    right: 0;
}
#testimonial-slider2 .owl-theme .owl-controls{
    width: 70%;
    margin: 0;
    text-align: left;
    position: absolute;
    bottom: 0;
    right: 0;
}
#testimonial-slider2 .owl-theme .owl-controls .owl-buttons div{
    width: 70px;
    height: 90px;
    line-height: 90px;
    background: transparent;
    border-radius: 0;
    opacity: 1;
    position: relative;
}
/* #testimonial-slider2 .owl-prev:before,
#testimonial-slider2 .owl-next:before{
    content: "\f177";
    font-family: "fontawesome";
    font-size: 45px;
    font-weight: 900;
    color: #ddd;
    position: absolute;
    top: 0;
    left: 25%;
} */
/* #testimonial-slider2 .owl-next:before{
    content: "\f178";
}
#testimonial-slider2 .owl-next:after{
    content: " / ";
    font-size: 40px;
    color: #ddd;
    position: absolute;
    top: 0;
    left: -10px;
} */
/* testimonial 4 */
.card {
    position: relative;
    border: solid 1px #00a9ff;
    padding: 25px 50px 25px 60px;
    /* margin-top: 200px; */
    background-color: #00a9ff;
    border-radius: 10px;
    color: #fff
}

.post-txt {
    font-size: 16px;
    margin-bottom: 0
}

.quote-img {
    position: absolute;
    top: 20px;
    left: 25px;
    width: 25px;
    height: 25px
}

.nice-img {
    width: 20px;
    height: 25px;
    margin-bottom: 7px
}

.post{
    margin-bottom: 0;
}

.arrow-down {
    width: 0;
    height: 0;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-top: 20px solid #00a9ff;
    margin-left: 85px
}

.fit-image {
    width: 100%;
    object-fit: cover
}

.profile-pic {
    position: absolute;
    width: 120px;
    height: 120px;
    border-radius: 100%;
    left: 65px;
    margin-top: 15px
}

.profile-name {
    position: absolute;
    font-size: 16px;
    margin-top: 60px;
    left: 210px;
    color: #63636B;
}

.profile-descrip {
    position: absolute;
    font-size: 14px;
    margin-top: 90px;
    left: 210px;
    color: #869198;
}

.testinomial-profile-column{
    height: 135px;
    position: relative;
}

/* testimonial styles end */

/* pricing style start */
.pricing-compare-wrapper{
    padding: 40px;
    border-radius: 8px;
    border: 1px solid #d4d4e1;
    box-shadow: 0 6px 25px -25px #000;
}
.pricing-compare-wrapper table{
    color: #0e2332;
    margin: 0;
    border-spacing: 0;
    line-height: 1;
    font-size: 14px;
    font-weight: 600;
    width: 100%;
    border-collapse: collapse;
}
.pricing-compare-header:first-of-type, .pricing-compare-item:first-of-type {
    width: auto;
}
.pricing-compare-header:nth-of-type(2), .pricing-compare-item:nth-of-type(2) {
    width: 50px;
    text-align: center;
}
.pricing-compare-header:nth-of-type(3), .pricing-compare-item:nth-of-type(3){
    width: 80px;
    text-align: center;
}
.pricing-compare-header:nth-of-type(4), .pricing-compare-item:nth-of-type(4){
    width: 80px;
    text-align: center;
}
.pricing-compare-row:nth-of-type(2) .pricing-compare-item {
    padding-top: 5px;
}
.pricing-compare-item {
    padding: 10px 0;
    font-size: 14px;
    font-weight: 500;
}
.pricing-compare-header {
    font-weight: 700;
    color: #63636B;
    padding: 0 0 14px;
    font-size: 15px;
}
.pricing-compare-item.avail{
    color: #00a9ff;
}
.pricing-compare-item.notavail{
    color: #9b9b9b;
}
.pricing-compare-header .fa-star{
    background: rgb(44,122,231);
    background: linear-gradient(90deg, rgba(44,122,231,1) 0%, rgba(0,222,184,1) 35%, rgba(249,248,113,1) 100%); 
    -webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
    margin-right: 5px;
}
.pricing-main{
    padding: 40px;
    flex-wrap: nowrap;
    margin-bottom: 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    padding: 24px;
    border-radius: 8px;
    border: 1px solid #d4d4e1;
    -webkit-box-shadow: 0 6px 25px -25px #000;
    box-shadow: 0 6px 25px -25px #000;
    cursor: pointer;
}
.pricing-block-detail{
    display: block;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
    padding-right: 20px;
}
.pricing-main-button{
    background: #00a9ff;
    /* background: linear-gradient(90deg, rgba(44,122,231,1) 0%, rgba(0,222,184,1) 35%, rgba(249,248,113,1) 100%); */
    align-items: center;
    border: none;
    border-radius: 5px;
    box-shadow: none;
    cursor: pointer;
    display: inline-flex;
    font-size: 16px;
    justify-content: center;
    line-height: 1;
    max-width: 100%;
    min-height: calc(1em + 40px);
    min-width: 150px;
    outline: 0;
    padding: 15px 25px;
    text-align: center;
    color: #fff;
    text-decoration: none;
}

.pricing-main-button:hover{
    color: #fff;
    text-decoration: none;
    background-color: #2e7dab;
}

.pricing-main-button-low{
    background: #00a9ff;
    align-items: center;
    border: none;
    border-radius: 5px;
    box-shadow: none;
    cursor: pointer;
    display: inline-flex;
    font-size: 16px;
    justify-content: center;
    line-height: 1;
    max-width: 100%;
    min-height: calc(1em + 40px);
    min-width: 150px;
    outline: 0;
    padding: 15px 25px;
    text-align: center;
    color: #fff;
    text-decoration: none;
}
.pricing-main-button-low:hover{
    background-color: #2e7dab;
    color: #fff;
    text-decoration: none;
}
.pricing-block-high{
    position: relative;
    padding-top: 30px;
    margin-top: 1px;
}
.pricing-block-high::after{
    position: absolute;
    content: " ";
    width: calc(100% + 2px);
    height: 8px;
    top: -2px;
    left: -1px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    /* background: linear-gradient(90deg, rgba(44,122,231,1) 0%, rgba(0,222,184,1) 35%, rgba(249,248,113,1) 100%); */
    background:#2e7dab;
}
.pricing-block-detail p{
    font-size: 18px;
    text-align: left;
    margin-bottom: 8px;
    font-weight: 400;
    color: #63636B;
}
.price-range{
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    justify-content: flex-start;
    align-items: baseline;
}
.pricing-per-time{
    font-size: 18px;
    order: 2;
    margin-bottom: 2px;
    font-weight: 400;
    margin-left: -4px;
}
.pricing-value{
    font-size: 24px;
    -ms-flex-order: 1;
    order: 1;
    margin-left: 0;
    margin-right: 6px;
    color: #63636B;
    font-weight: 600;
}
.price-save{
    font-size: 12px;
    color:#9b9b9b;
    font-style: italic;
}
.pricing-block-low{
    position: relative;
    padding-top: 30px;
    margin-top: 1px;
}
.pricing-main:hover {
    border-color: #d4d4e1;
}

/* last pricing */
.section-pricing{
    display: block;
    position: relative;
}
.section-pricing-top{
    background: #2c7ae7;
    padding:60px 0px;
    height: 500px;
}
.white-color{
    color: #fff;
}
.section-pricing .pricing-heading-top{
    margin-bottom: 2rem;
}
.section-pricing .pricing-descrip-top{
    margin-bottom: 2rem;
    opacity: 0.8;
}
.pricing-bottom-card{
    text-align: center;
    padding:20px;
    box-shadow: 2px 2px 20px 2px rgb(173 173 173 / 75%);
    -webkit-box-shadow: 2px 2px 20px 2px rgb(173 173 173 / 75%);
    -moz-box-shadow: 2px 2px 20px 2px rgb(173 173 173 / 75%);
    /* height: 200px; */
    border-radius: 10px;
    background: #fff;
}
.section-pricing-bottom{
    position: absolute;
    z-index: 10;
    width: 100%;
    top: 65%;
}
.pricing-cottom-top-content h2{
    color: #2c7ae7;
    letter-spacing: 1px;
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: normal;
    text-transform: uppercase;
    margin-top: 15px;
}
.pricing-icon-circle{
    width: 75px;
    height: 75px;
    background: #b2ccf0;
    border-radius: 50%;
}
/* pricing styles end */

/* our team styles start */
.our-team-heading{
    margin-bottom: 2rem !important;
}
.our-team-layout{
    margin: 0px;
}
.our-team-layout-col{
    display: flex;
    flex: 1 1 100%;
    flex-direction: column;
    min-height: 100%;
}
.ourteam-layout-size{
    flex: 30 0 50%;
    min-height: fit-content;
    max-width: 100%;
    display: flex;
}
.ourteam-layout-row{
    flex-direction: row;
    flex-wrap: wrap;
    min-height: 100%;
    max-width: 100%;
    flex: 1 1 100%;
    display: flex;
}
.ourteam-image-layout{
    overflow: hidden;
    position: relative;
    float: left;
    display: inline-block;
    border-radius: 6px;
}
.ourteam-image{
    border: 0px solid transparent;
    min-height: 328px;
    object-fit: cover;
    display: block;
    vertical-align: middle;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.ourteam-image.image1{
    background-image: url('../images/our-team-1.jpg');
}
.ourteam-image.image2{
    background-image: url('../images/our-team-2.jpg');
}
.ourteam-image.image3{
    background-image: url('../images/our-team-3.jpg');
}

.ourteam-image:hover{
    transform: scale(1.2);
}
.ourteam-image::before{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.ourteam-container-layout{
    position: relative;
    flex: 1;
    max-width: 100%;
}
.ourteam-image-info{
    border: 0px solid transparent;
    min-height: 328px;
    background-image: none;
}
.our-team-info-wrapper{
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    flex: 1;
    max-width: 100%;
    min-height: 328px;
    background: #fff;
}
.ourteam-info-name{
    padding: 0;
    word-wrap: break-word;
    position: relative;
    text-align: center;
    font-size: 24px;
    text-transform: uppercase;
}
.ourteam-info-position{
    font-weight: 700;
    margin: 12px auto 0;
    color: #00a9ff;
    word-wrap: break-word;
    position: relative;
}
.ourteam-info-descrip{
    font-style: italic;
    margin: 23px 0 0;
    word-wrap: break-word;
    position: relative;
    text-align: center;
}
.ourteam-info-social{
    display: flex;
    white-space: nowrap;
    height: 27px;
    min-height: 16px;
    width: 136px;
    min-width: 94px;
    margin: 20px auto 0;
}
.ourteam-info-social a{
    width: 34px;
    height: 34px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}
.ourteam-info-social a i{
    color:#858e99;
    font-size: 20px;
}
.ourteam-info-social a:hover i{
    text-decoration: none;
    color: #00a9ff;
    transition: all 0.3s;
}
a:hover{
    text-decoration: none;
}

/* our team 1 */
.our-team .team-row {
    margin-left: -40px;
    margin-right: -40px;
  }
  
  .our-team .team-wrap {
    padding: 0 40px;
  }
  
  .our-team .container-fluid {
    padding: 0 50px;
  }
  
  .team-img img {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    overflow: hidden;
    width: 100%;
  }
  
  .team-member,
  .team-img {
    position: relative;
    overflow: hidden;
    border-radius: 6px;
  }
  
  .team-title {
    margin: 30px 0 7px;
    font-size: 24px;
  }

  .team-member span{
      color: #00a9ff;
  }
  
  .overlay {
    background-color: rgba(20,20,20,.7);
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
  }
  
  .team-details {
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 0;
    padding: 5%;
    overflow: hidden;
    width: 100%;
    z-index: 2;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
  }
  
  .team-details p {
    color: #fff;
  }
  
  .team-img:hover .team-details {
    opacity: 1;
    margin-top: -80px;
  }
  
  .team-img:hover .overlay {
    opacity: 1;
  }
  
  .socials a {
    display: inline-block;
    width: 37px;
    height: 37px;
    background-color: transparent;
  }
  
  .socials i {
    line-height: 37px;
    color: #616161;
    font-size: 14px;
    width: 37px;
    height: 37px;
    border-radius: 50%;
    text-align: center;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
  }
  
  .team-details .socials i {
      color: #fff;
  }
  
  .socials a:hover i {
    color: #63636B;
    background-color: #00a9ff;
  }
 
/* our team 2 */
.ourTeam-layout{
    display: flex;
    position: relative;
}
.ourTeam-layout-item{
    position: relative;
    flex: 50%;
    flex-direction: column;
}
.ourTeam-image-block{
    width: 100%;
    float: left;
    position: relative;
    min-height: 200px;
    object-fit: cover;
    display: block;
    vertical-align: middle;
    background-size: cover;
    background-position: 0% 10%;
    border-radius: 6px;
}
.ourTeam-overlay-social{
    position: absolute;
    top: 13%;
    right: -15px;
    z-index: 10;
}
.ourTeam-overlay-social.left{
    position: absolute;
    top: 13%;
    left: -15px;
    z-index: 10;
}
.ourTeam-image-block.teamImg1{
    background-image:
    linear-gradient(to left, rgb(255 255 255 / 0%), #54c1e57a), url('../images/our-team-1.jpg');
}
.ourTeam-image-block.teamImg2{
    background-image:
    linear-gradient(to right, rgb(255 255 255 / 0%), #54c1e57a), url('../images/our-team-2.jpg');
}
.ourTeam-image-block.teamImg3{
    background-image:
    linear-gradient(to left, rgb(255 255 255 / 0%), #54c1e57a), url('../images/our-team-3.jpg');
}
.ourTeam-social{
    display: flex;
    flex-direction: column;
}
.ourTeam-social a{
    width: 30px;
    height: 30px;
    background: #00a9ff;
    border: 1px solid #00a9ff;
    color: #fff;
    border-radius: 6px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
}
.ourTeam-social a:hover {
    background: transparent;
    color: #00a9ff;
    border: 1px solid #00a9ff;
}
.ourTeam-info-column{
    padding:20px 20px 20px 50px;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 200px;
    flex-direction: column;
}
.ourTeam-name{
    font-size: 20px;
    color: #00a9ff;
    width: 100%;
}
.ourTeam-position{
    margin-bottom: 10px;
    font-style: italic;
    color: #858e99;
    font-size: 14px;
    width: 100%;
}
.ourTeam-description{
    margin-bottom: 0px;
}
.ml-auto{
    margin-left: auto;
}
.ourTeam-info-column.right-align{
    padding-right: 50px;
}
/* our team styles end */

/* faq styles start */
.faq-heading{
    font-size: 28px;
    margin-bottom: 1rem;
}
.faq-section-block{
    display: flex;
}
.faq-section-block-image{   
    padding: 0px 0px 0px 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.faq-section-block-image img{
    max-width: 100%;
}
.faq-list-head{
    font-size: 20px;
    margin-bottom: 1rem;
    color:#00a9ff;
}
/* collapse panel */
.panel-title {
    position: relative;
    font-size: 16px;
    font-weight: normal;
    font-family: 'TitilliumWeb-Regular';
    margin-bottom: 0;
  }
    
  .panel-title::after {
    content: "\f107";
    color: #333;
    top: -2px;
    right: 0px;
    position: absolute;
    font-family: "FontAwesome";
    font-size: 25px;
    opacity: 0.5;
    transition: ease-out 0.3s;
  }
  
  .panel-title[aria-expanded="true"]::after {
    content: "\f106";
  }
  
  .panel-body{
      margin-top: 2rem;
  }
  
  .panel-heading-full.panel-heading {
    padding: 0;
  }
  
  .panel-heading-full .panel-title {
    padding: 10px 15px;
  }
  
  .panel-heading-full .panel-title::after {
    top: 10px;
    right: 15px;
  }
  .panel-default{
    padding: 1.5rem 0rem;
    border-top:1px solid rgba(49,49,50,.125);
  }
  .panel-default:first-child{
      border: none !important;
  }
  .panel-default .collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height .35s ease;
    -o-transition: height .35s ease;
    transition: height .35s ease;
    z-index: 10;
    background: #fff;
  }
/* faq style end */

/* coming soon style start */
/* The outermost element*/
.header-wrapper {
    overflow: auto;
    width:100%;
    height:100%;
    text-align:center;
  }
  
  .zoominheader {
    width:100%;
    height:100%;
    text-align:center;
    background: url('../images/bg-soon.jpg');
    background-size: auto;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-animation: zoomin 50s ease-in infinite;
    animation: zoomin 50s ease-in infinite;
    transition: all .5s ease-in-out;
    overflow: auto;
  }
  
  /* The innermost element*/
  .zoomoutheader {
    width:100%;
    height:100vh;
    text-align:center;
    background: none;
    -webkit-animation: zoomout 50s ease-in infinite;
    animation: zoomout 50s ease-in infinite;
    transition: all .5s ease-in-out;
    overflow: auto;
  }
  
  
  
  /* Zoom in Keyframes */
  /* @-webkit-keyframes zoomin {
    0% {transform: scale(1);}
    50% {transform: scale(1.5);}
    100% {transform: scale(1);}
  }
  @keyframes zoomin {
    0% {transform: scale(1);}
    50% {transform: scale(1.5);}
    100% {transform: scale(1);}
  }  */
  /*End of Zoom in Keyframes */
  
  /* Zoom out Keyframes */
  /* @-webkit-keyframes zoomout {
    0% {transform: scale(1);}
    50% {transform: scale(0.67);}
    100% {transform: scale(1);}
  }
  @keyframes zoomout {
      0% {transform: scale(1);}
    50% {transform: scale(0.67);}
    100% {transform: scale(1);}
  } */
  
  /*Style for the text*/
 
  .coming-soon-header{
    padding: calc(1em + 4vh) 0 calc(1em + 2vh);
  }

  .coming-soon-header h5{
    font-size: 30px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 0;
  }
  .coming-soon-header p{
    margin-bottom: 0;
    letter-spacing: 6px;
    color:#fff;
    font-size: 12px;
  }
  .coming-soon-main{
    padding: calc(1em + 2vh) 0 calc(1em + 6vh);
  }
  .coming-soon-mainWrapper .launch-text{
      color:#fff;
      font-size: 30px;
      letter-spacing: .1em;
      margin-bottom: 0;
  }
  .soon-countdown-wrapper{
      margin-top: 50px;
      display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
  }
  .countdown-item{
    flex-basis: 136px;
    flex-shrink: 1;
    display: block;
    margin-top: 0;
    margin-left: 30px;
  }

  .countdown-card{
    width: 150px;
    height: 150px;
    background: transparent;
    border: 1px solid #ffffff78;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .countdown-card span{
    font-family: 'TitilliumWeb-Bold';
    font-weight: normal;
    font-size: 30px;
    color: #fff;
  }
  .countdown-text{
      margin: 25px 0px;
      font-size: 20px;
      text-transform: uppercase;
      color: #fff;
      opacity: 0.6;
      letter-spacing: 1px;
  }

  .coming-subscribe-head{
      font-size: 18px;
      color: #fff;
  }
  .coming-subscribe-form{
    max-width: 690px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
  }
  .form-container{
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    text-align: center;
  }
  .form-wrap{
    flex: 1 0 auto;
    min-width: 60%;
    display: inline-block;
    margin-top: 0;
    margin-bottom: 12px;
    margin-left: 12px;
  }
  .form-wrap-input{
    padding: 10px 30px 10px;
    display: block;
    width: 100%;
    font-size: 15px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: .075em;
    color: #777777;
    background-color: #ffffff;
    background-image: none;
    border-radius: 6px;
    -webkit-appearance: none;
    transition: .3s ease-in-out;
    border: 1px solid #d4d4e1;
  }
  .form-button{
    flex: 1 0 0%;
    min-height: 60px;
    flex-grow: 0;
    display: flex;
    margin-top: 0;
    margin-bottom: 12px;
    margin-left: 12px;
    align-items: center;
    justify-content: center;
  }
  .form-subscribe-btn{
    padding: 0.75em 1.75em;
    border: transparent;
    background: #00a9ff;
    color: #fff;
    font-size: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
    min-width: 240px;
    border-radius: 6px;
  }
  
  .coming-soon-subscribe{
      margin-bottom: 50px;
  }
  .coming-soon-policy p{
      font-size: 14px;
      margin: 14px 0px;
      color: #fff;
  }
  .coming-soon-policy p a{
    color: #fff;
  }
  .form-subscribe-btn:hover{
    background: #2e7dab;
    color: #fff;
  }
/* coming soon style end */

/* search results starts */
.search-result-inputWrapper{
    position: relative;
    margin-bottom: 20px;
}
.seach-result-input{
    width: 100%;
    padding: calc(0.75em - 1px) 1rem;
    border-radius: 6px;
    border: 1px solid #d4d4e1;
    background-color: transparent;
    outline: none;
    color: #63636B;
    box-shadow: none;
    appearance: none;
    transition: all 0.25s;
}
.search-result-btn{
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    padding: 0;
    margin: 0;
    border: none;
    background: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    transition: all 0.25s;
}
.search-result-resultWrapper{
    padding: 20px 0px;
}
.search-page-list{
    margin-top: 3.5rem;
}
.search-page-list ol{
    list-style: none;
    margin: 0;
    padding: 0;
    counter-reset: item;
}
.search-page-list ol li{
    margin-bottom: 1.5rem;
    display: flex;
    align-items: flex-start;
}
.search-page-list li::before {
    content: counter(item) ".";
    counter-increment: item;
    display: block;
    min-width: 2rem;
    top: 0;
}
.search-page-list li a {
    font-family: 'TitilliumWeb-Bold';
    text-decoration: none;
    color:#00a9ff;
    transition: all 0.25s;
    background-color: transparent;
    font-size: 16px;
}
.search-page-list li p{
    margin-top: 0.3125rem;
    margin-bottom: 0;
    font-size: 1rem;
}
/* search results ends */

/* error page styles start */
.error-page{
    background-image: url('../images/bg-404.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100vh;
}
.error-page-header{
    padding: calc(1em + 4vh) 0 calc(1em + 2vh);
    text-align: center;
  }

  .error-page-header h5{
    font-size: 30px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 0;
  }
  .error-page-header p{
    margin-bottom: 0;
    letter-spacing: 6px;
    color:#fff;
    font-size: 12px;
  }
  .error-page-main{
    padding: calc(1em + 2vh) 0 calc(1em + 6vh);
  }
  .error-page-main p{
    animation: change-color 4s ease infinite;
    color:rgba(255, 255, 255, 0.46);
    font-size: 13em;
    transition: all ease-in-out .3s;
    font-weight: 100;
    line-height: 1;
    letter-spacing: .05em;
    margin-left: 0;
  }

  @keyframes change-color {
    50% {
        color: rgba(255, 255, 255, 0.1);
    }
  }

.error-page-text p{
    margin-bottom: 20px;
    color:#fff;
    font-size: 25px;
    text-align: center;
}  
/* error page styles end */

/* brands styles start */
.blog .carousel-indicators {
	left: 0;
	top: auto;
    bottom: -40px;

}

/* The colour of the indicators */
.blog .carousel-indicators li {
    background: #a3a3a3;
    border-radius: 50%;
    width: 8px;
    height: 8px;
}

.blog .carousel-indicators .active {
background: #707070;
}

.brands{
    padding: 0px 15px;
}
/* brands styles end */

/* forms styles start */
.login-form-forgot-text{
    color: #63636B;
    font-size: 14px;
    text-align: right;
}
.form-signin-btn{
    width: 100%;
    color: #fff;
    background: #00a9ff;
    background-position: right bottom;
    text-decoration: none;
    padding: 0.75em 1.75em;
    border-radius: 6px;
    outline: none;
    border: none;
    transition: all 0.4s;
}
.form-signin-btn:hover{
    color: #fff;
    background:#2e7dab;
}
.form-otherLogin-wrapper{
    padding: 20px 0px;
    text-align: center;
}
.form-otherLogin-wrapper p{
    font-size: 12px;
    margin-bottom: 10px;
}
.form-signin-social{
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    align-items: center;
    justify-content: center;
}
.form-signin-social li{
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    transition: all 0.3s;
    margin: 10px;
}
.form-signin-social li.facebook{
    background:#29487d;
    border:1px solid #29487d;
}
.form-signin-social li.twitter{
    background:#1da1f2;
    border:1px solid #1da1f2;
}
.form-signin-social li.google{
    background:#e85858;
    border:1px solid #e85858;
}
.form-signin-social li a{
    color: #fff;
}
.form-signin-social li a:hover{
    opacity: 0.8;
}
/* forms styles end */
/* privay styles start */
.policy-wrapper{
    padding: 50px 0px;
}
.policy-main-heading{
    font-size: 22px;
    margin-bottom: 20px;
}
.policy-descrip-text{
    margin-bottom: 15px;
}
.policy-descrip-text a{
   color: #63636B;
}  
.policy-info-list{
    padding-left: 18px;
}
.policy-info-list li{
    padding:3px 0px;
}
.policy-main-subheading{
    margin:20px 0px;
    font-size: 18px;
}
.policy-col-divider{
    margin: 30px 0px;
}
/* privacy styles end */

/* Footer minimal style start */
.footer1-wrapper {
    padding: 3rem 0;
    background: #1c2331;
}
.footer1-item:last-child {
    margin-bottom: 0;
}
.footer1-item .footer-nav{
    display: flex;
    justify-content: flex-end;
    margin-left: 0;
}
.footer1-menu-list{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin-left: -2rem;
    margin-bottom: -1rem;
    list-style: none;
    padding: 0;
    margin: 0;
}
.footer1-menu-list li{
    margin: 1rem;
    margin-top: 0rem;
}
.footer1-menu-list li a{
    opacity: 0.8;
    color: #fff;
    text-decoration: none;
}
.footer-logo-text{
    font-size: 24px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;
}
/* footer minimal style end */

/* gallery styles start */
.gallery1-wrapper{
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}
.gallery2-wrapper{
    position: relative;
    overflow: hidden;
}
.gallery-img-style{
    border: 1px solid #d4d4e1;
    background-color: #f0f4f8;
    border-radius: 10px;
    position: relative;
    margin: 0;
    display: block;
    width: 100%;
    height: 240px;
}
.gallery-img-style img{
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    margin: 0;
}
.gallery2-img-style{
    /* border: 1px solid #d4d4e1; */
    background-color: #f0f4f8;
    /* border-radius: 10px; */
    position: relative;
    margin: 0;
    display: block;
    width: 100%;
    height: 240px;
}
.gallery2-img-style img{
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    margin: 0;
}
.gallery1-caption{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 15px;
}
.hover-item .gallery1-caption{
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    background: rgba(255, 255, 255, 0.9);
    transition: all 300ms ease 0s;
}
.hover-item:hover .gallery1-caption{
    opacity: 1;
    visibility: visible;
    transition: all 300ms ease 0s;
}
.hover-item:hover .gallery-img-style img{
    transform: scale(1.2);
}
.caption-box-text{
    padding: 2px 10px;
    background:#eea660;
    color: #fff;
    border:1px solid #eea660;
    border-radius: 3px;
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: .1em;
    text-transform: uppercase;
}
.gallery2-caption{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 15px;
}
.hover-item .gallery2-caption{
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    background: rgba(116, 116, 116,  0.9);
    transition: all 300ms ease 0s;
}
.hover-item:hover .gallery2-caption{
    opacity: 1;
    visibility: visible;
    transition: all 300ms ease 0s;
}
/* gallery styles end */

/* articles page styles start */
.articles-search-block{
    margin: 0px 0px 25px 0px;
}
.articles-search-list{
    width: 100%;
    float: left;
    display: block;
    /* margin-bottom: 30px; */
}
.articles-list-item{
    padding-bottom: 20px;
    border-bottom: 1px solid #d4d4e1;
    display: inline-block;
    width: 100%;
    position: relative;
    padding-top: 20px;
}
.article-list-img{
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 35%;
    border-radius: 18px;
    /* padding: .5em; */
    margin: 0 auto .5em;
    background-color: #fff;
    border: 2px solid #d4d4e1;
}
.article-list-info{
    display: inline-block;
    vertical-align: middle;
    width: 64%;
    padding-left: 1.5em;
}
.article-list-img a{
    display: block;
    display: flex;
    border-radius: 10px;
    /* align-items: center; */
}
.article-list-img a img{
    display: block;
    width: 100%;
    position: relative;
    max-width: 100%;
    height: 100%;
    border-radius: 10px;
    object-fit: cover;
}
.article-heading{
    font-size: 18px;
}
.article-info-date{
    color:#93979A;
    text-transform: uppercase;
    list-style: none;
    margin: 0;
    padding: .25em 0 .375em;
    font-size: 10px;
    font-weight: 600;
}
.article-info-date li{
    display: inline-block;
    margin-right: .5em;
}
.article-info-descrip{
    margin-bottom: 0;
}
.article-link-read{
    color: #00a9ff;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
}
/* .article-border-right{
    border-right: 1px solid #E8EAEB;
} */
.nav-pages{
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 1.5em 0;
}
.pagination-jump{
    display: inline-block;
    vertical-align: middle;
    background-color: #E8EAEB;
    border-radius: 4px;
    padding: 0 1em;
    margin: 0;
}
.pagination-jump span {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-weight: 700;
    font-size: .75em;
    color: #93979A;
    text-transform: uppercase;
    letter-spacing: .05em;
}
select.form-control {
    padding: .3em .5em;
}
.form-control{
    -webkit-appearance: none;
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
    position: relative;
    display: block;
    width: 100%;
    background-color: #E8EAEB;
    color: #93979A;
    border: 0;
    border-radius: 6px;
}
.pagination{
    position: relative;
    display: inline-block;
    vertical-align: middle;
    list-style: none;
    margin: 0;
    text-align: center;
}
.pagination li{
    display: inline-block;
    vertical-align: middle;
}
.pagination li a {
    position: relative;
    display: block;
    height: 2em;
    width: 2em;
    border-radius: 50%;
    border-radius: 6px;
    background-color: #fff;
    border: 2px solid #d4d4e1;
    text-indent: -999em;
    overflow: hidden;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
}
.pagination li a[rel=next]:before {
    content: '';
    position: absolute;
    display: block;
    top: .375em;
    right: .375em;
    bottom: .375em;
    left: .375em;
    background-image: url('../images/pagination-right-arrow.svg');
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    background-position: center center;
}
.pagination li a:hover {
    opacity: .5;
}
.articles-recent-block{
    position: relative;
    display: block;
    margin-bottom: 30px;
}
.article-recent-wrapper{
    width: 100%;
    float: left;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #d4d4e1;
    display: flex;
    align-items: center;
}
.article-recent-img{
    width: 25%;
    float: left;
}
.article-recent-info{
    width: 75%;
    float: left;
    padding-left: 20px;
}

.article-recent-head{
    font-size: 14px;
    margin-bottom: 0px;
}
.article-recent-img img{
    max-width: 100%;
    display: inline-block;
    border-radius: 6px;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.article-recent-info h2{
    font-size: 14px;
}
.article-recent-info p{
    font-size: 10px;
    margin-bottom: 5px;
    color:#93979A;
    line-height: 10px;
    text-transform: uppercase;
}
.articles-category-block{
    position: relative;
    display: inline-block;
    width: 100%;
}
.article-list-category{
    list-style: none;
    padding: 0;
    margin: 0;
    /* margin-top: 30px; */
    margin-bottom: 10px;
}
.article-list-category li{
    position: relative;
    /* padding-right: 40px; */
    text-indent: -21px;
    padding-left: 21px;
}
.article-list-category li::before{
    position: relative;
    display: inline-block;
    left: 0;
    top: 0;
    content: '';
    height: 8px;
    width: 8px;
    margin-right: 13px;
    background: #e1e1e1;
    transition: all .3s ease-in-out;
}
.article-list-category li a{
    color: #63636b;
    font-size: 13px;
}
.list-category-count{
    position: absolute;
    right: 0;
    font-size: 14px;
    line-height: 1.6;
    transition: all .25s ease-in-out;
}
.article-recent-head2 {
    font-size: 14px;
    margin-top: 20px;
}
.article-list-category > li + li {
    margin-top: 0px;
}
.articles-tags-block{
    position: relative;
    display: inline-block;
    width: 100%;
}
.article-tag-list{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top:30px;
}
.button-tags{
    color: #9b9b9b;
    background-color: transparent;
    border-color: #d4d4e1;
    position: relative;
    overflow: hidden;
    padding: 7px 20px;
    font-size: 12px;
    line-height: 24px;
    border-width: 1px;
    border-style: solid;
    /* font-weight: 700; */
    letter-spacing: .05em;
    text-transform: uppercase;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    cursor: pointer;
    vertical-align: middle;
    user-select: none;
    transition: all .25s ease-in-out;
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 6px;
}
.button-tags:hover{
    background:#00a9ff;
    color: #63636B;
    border:1px solid #00a9ff;
}

/* article latest */
.post-latest{
    position: relative;
    text-align: left;
    color: #63636B;
    background: #ffffff;
    box-shadow: 0 0 8px 0 rgb(0 0 0 / 9%);
    z-index: 1;
}
.post-latest-figure{
    position: relative;
    display: block;
    overflow: hidden;
    z-index: -1;
    /* border-radius: 10px; */
    border-radius: 6px;
}
.post-latest-figure img{
    width: 100%;
    transform: none;
    will-change: transform;
    transition: all .25s ease;
}
.post-latest-content{
    padding: 6% 5%;
}
.post-latest-content a p{
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
}
.post-latest:hover .post-latest-figure img{
    transform: scale(1.1);
}
.post-latest-time{
    padding: 1px 10px;
    font-size: 12px;
    line-height: 2;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    border-radius: 30px;
    color: #fff;
    background: #00a9ff;
    z-index: 1;
    position: absolute;
    top: 6%;
    left: 5%;
}
.post-latest2 .post-latest-content{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 1;
}
.post-latest2 .post-latest-content a p{
    color: #fff;
}
.post-latest .post-latest-content a{
    color: #63636B;
}
.post-latest2 .post-latest-content a{
    color: #63636B;
}

.post-latest2::before{
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(to bottom, rgba(54, 102, 138, 0.15) 0%, rgba(49, 89, 120, 0.33) 28%, rgba(41, 66, 88, 0.7) 76%, rgba(37, 54, 72, 0.85) 100%);
    pointer-events: none;
    z-index: 0;
    border-radius: 6px;
}
.post-latest-pagination{
    margin: 10px 0px 30px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.post-latest-pagination ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.post-latest-pagination ul li{
    display: inline-block;
    padding: 7px 15px;
    background: #00a9ff;
    color: #63636B;
    margin: 0px;
    border-radius: 5px;
    border: 1px solid #00a9ff;
}
.post-latest-pagination ul li a{
    color: #fff;
}
.post-latest-pagination ul li.previous{
    background:transparent;
    border: 1px solid #00a9ff;
    color: #63636B;
}
.post-latest-pagination ul li.next{
    background:transparent;
    border: 1px solid #00a9ff;
    color: #63636B;
}
.post-latest-pagination ul li.previous a{
    color: #63636B;
}
.post-latest-pagination ul li.next a{
    color: #63636B;
}
/* articles page styles end */

/* blog article style start */
.blog-article-block{
    position: relative;
    display: inline-block;
}
.blog-article-mainHeading{
    font-size: 24px;
    margin-bottom: 25px;
}
.blog-article-info-group{
    list-style: none;
    margin: 0;
    padding:0;
    margin-bottom: 20px;
}
.blog-article-info-group li{
    display: inline-block;
    margin-bottom: 20px;
}
.blog-article-dateTime{
    display: inline-block;
    padding: 1px 10px;
    font-size: 12px;
    line-height: 2;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    border-radius: 30px;
    color: #fff;
    background: #00a9ff;
    z-index: 1;
}
.blog-article-author{
    padding:0px 18px;
}
.blog-article-author i{
    font-size: 18px;
    margin-right: 8px;
}
.blog-info-divider{
    padding:0px 0px;
}
.blog-article-views{
    padding:0px 18px;
}
.blog-article-views i{
    font-size: 18px;
    margin-right: 8px;
}
.blog-article-comment{
    padding:0px 18px;
}
.blog-article-comment i{
    font-size: 18px;
    margin-right: 8px;
}
.blog-article-top-descrip{
    margin-top: 30px;
}
.blog-main-img{
    height: 320px;
    width: 100%;
    object-fit: cover;
}
.quote-latest{
    margin-top: 40px;
    padding-top: 0;
    padding-left: 50px;
    position: relative;
    text-align: left;
}
.quote-latest-text{
    font-size: 20px;
    line-height: 1.375;
    font-weight: 300;
    font-style: italic;
    letter-spacing: .05em;
}
.quote-latest-text::before{
    position: absolute;
    left: -8px;
    top: 0;
    content: '\201C';
    font-size: 115px;
    line-height: .88;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0;
    color: rgba(21, 21, 21, 0.2);
}
.quote-latest-block2{
    margin-top: 45px;
}
.quote-latest-block2-img{
    width: 350px;
    height: auto;
    object-fit: cover;
}
.blog-post-footer{
    margin-top: 50px;
    padding: 33px 35px;
    background: #f3f3f3;
    border-bottom: 3px solid #00a9ff;
}
.blog-post-footer-group{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.blog-post-footer-text{
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0px;
    font-size: 18px;
}
.blog-post-footer-social{
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0px;
    margin-left: 25px;
}
.bp-footer-list{
    list-style: none;
    margin: 0;
    padding: 0;
}
.bp-footer-list li{
    margin-top: 10px;
    padding-left: 11px;
    padding-right: 11px;
    display: inline-block;
}
.bp-footer-list li a{
    font-size: 22px;
    color: #63636B;
}
.blog-post-related{
    display: inline-block;
    position: relative;
    width: 100%;
}
.blog-post-related-title{
    font-size: 18px;
    line-height: 1.33;
    font-weight: 400;
    padding-bottom: 20px;
    border-bottom: 1px solid #d4d4e1;
    margin-top: 100px;
    text-align: center;
}
.m-35px-t{
    margin-top: 35px;
}
.comment-count{
    display: inline-block;
    width: 28px;
    height: 28px;
    line-height: 28px;
    margin-right: 6px;
    border-radius: 50%;
    color: #ffffff;
    background: #00a9ff;
}
.comment-box-wrapper{
    width: 100%;
    margin-top: 50px;
    position: relative;
    text-align: left;
    padding-bottom: 45px;
    font-size: 15px;
    letter-spacing: .05em;
}
.comment-box-block{
    display: flex;
    flex: 0 1 100%;
    margin-bottom: -20px;
    flex-direction: row;
}
.comment-left{
    flex: 0 0 auto;
    max-width: 100%;
}
.comment-left img{
    max-width: 119px;
    border-radius: 50%;
}
.comment-right{
    flex: 0 1 auto;
    max-width: 100%;
    margin-bottom: 20px;
    margin-left: 30px;
    width: 100%;
}
.comment-group-info{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.comment-group-info h2{
    display: inline-block;
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 18px;
}
.comment-group-info p{
    display: inline-block;
    margin-top: 0;
    margin-bottom: 20px;
    margin-left: 20px;
    font-size: 16px;
}
.comment-box-text{
    margin-top: 14px;
    margin-bottom: 0;
    font-size: 14px;
}
.comment-box-actions{
    margin-top: 24px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start !important;
}
.comment-box-like{
    display: inline-block;
    margin-top: 0;
    margin-bottom: 20px;
}
.comment-box-reply{
    display: inline-block;
    margin-top: 0;
    margin-bottom: 20px;
    margin-left: 30px;
}
.comment-box-like i{
    margin-right: 8px;
    color: #9b9b9b;
    font-size: 16px;
}
.comment-box-reply i{
    margin-right: 8px;
    color: #9b9b9b;
    font-size: 16px;
}
.reply-comment{
    margin-left: 96px;
}
.box-comment::before{
    position: absolute;
    content: '';
    bottom: 0;
    right: 0;
    border-bottom: 1px solid #d4d4e1;
    width: calc(100% - 96px);
}
.comment-input{
    display: block;
    width: 100%;
    height: 150px;
    min-height: 60px;
    max-height: 255px;
    resize: vertical;
    padding: 16px 25px;
    font-size: 15px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: .075em;
    color: #777777;
    background-color: #ffffff;
    background-image: none;
    border-radius: 0;
    -webkit-appearance: none;
    transition: .3s ease-in-out;
    border: 1px solid #d4d4e1;
}
.submit-btn{
    color: #fff;
    background: #00a9ff;
    border:1px solid #00a9ff;
    fill: #fff;
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all 0.4s ease;
    font-size: 16px;
    margin-left: 0;
    width: 150px;
    margin-top: 20px;
}
.submit-btn:hover{
    background:#2e7dab;
    color: #fff;
    border: 1px solid #2e7dab;
}
/* blog article style end */
/* shop style start */
.product-popular-name{
    font-size: 13px;
    color: #63636B;
    display: inline-block;
    width: 100%;
}
.product-popular-price{
    color:#00a9ff;
    font-size: 12px;
    margin-bottom: 5px;
    line-height: 10px;
    text-transform: uppercase;
    display: inline-block;
    width: 100%;
}
.product-filter-block{
    position: relative;
    display: inline-block;
    width: 100%;
}
.product-filter-head{
    font-size: 14px;
    margin-top: 10px;
}

input[type=range]::-webkit-slider-thumb {
	pointer-events: all;
	width: 24px;
	height: 24px;
	-webkit-appearance: none;
  
/* @apply w-6 h-6 appearance-none pointer-events-auto; */
}
.range-slider-block{
    margin-top: 15px;
}
.space-x-4>:not(template)~:not(template){
    margin-left: 0px;
    margin-right: 0px;
}
.range-left-val{
    margin: 10px 0px 0px 0px;
    text-align: left;
}
.range-right-val{
    margin: 10px 0px 0px 0px;
    text-align: right;
}
.range-right-val input{
    text-align: right;
    width: 100%;
    border:none;
}
.range-left-val input{
    width: 100%;
    border:none;
}
.bg-yellow-300{
    background-color: #00a9ff;
}
.product-filter-box{
    /* margin-top: 10px; */
    position: relative;
    display: inline-block;
    width: 100%;
}
.product-filter-colour-list{
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
    margin-left: -0.625rem;
    /* margin-bottom: 10px; */
}
.product-filter-colour-list li{
    margin-left: 0.625rem;
    margin-bottom: 10px;
}
.product-filter-colour-list > li > a {
    position: relative;
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    text-decoration: none;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid #d4d4e1;
}
.pfc-color{
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    transition: all 0.25s;
}
.roduct-filter-colour-list > li > a::after{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 2px solid #d4d4e1;
    opacity: 0;
    z-index: 1;
    transition: all 0.25s;
}
.filter-by-size-list{
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 10px;
}
.filter-by-size-list li{
    width: 30px;
    height: 30px;
    padding: 2px;
    border: 1px solid #00a9ff;
    border-radius: 5px;
    margin: 5px;
    text-align: center;
    margin-bottom: 0.875rem;
    font-size: 13px;
}
.product-filterContent-head{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.product-top-show-title{
    display: inline-block;
    margin-top: 15px;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 400;
    text-transform: none;
}
.sorting-select{
    display: block;
    position: relative;
    background-color: #ffffff;
    padding: 5px 18px 5px 5px;
    border-radius: 0;
    text-decoration: none;
    border-color: #d4d4e1;
    border-radius: 6px;
    font-size: 14px;
}
.product-filterContent-body{
    position: relative;
    display: inline-block;
    width: 100%;
    margin:20px 0px;
}
.product-card{
    position: relative;
    overflow: hidden;
    text-align: center;
    padding: 25px 20px 25px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
    border-radius: 6px;
}
.product-image-block{
    position:relative;
    display: inline-block;
    width: 100%;
}
.product-off-caption{
    position: absolute;
    top: 0;
    transition: all 0.3s;
    background: red;
    color: #fff;
    padding: 8px;
    border-radius: 10px;
    /* color: #751c59;
    background-color: #e0ccd9; */
    font-style: italic;
    line-height: 15px;
    border-radius: 16px 0;
    font-size: 12px;
    font-family: 'TitilliumWeb-Bold';
}
.product-info-block{
    position: relative;
    display: inline-block;
    width: 100%;
}
.product-info-name{
    padding: 10px 0px 0px 0px;
    margin-bottom: 0;
    text-align: left;
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 0px !important;
}
figure{
    margin:0;
}
.product-image-block > a > figure > img{
    width: 200px;
    height: 200px;
    align-items: center;
    margin: auto;
    object-fit: cover;
}
.product-info-stars{
    padding: 20px 0px 0px 0px;
    padding-top: 0;
    text-align: left;
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 13px;
}
.product-info-stars .fa-star.checked{
    background: #fdb813;
    /* background: linear-gradient(90deg, rgba(44,122,231,1) 0%, rgba(0,222,184,1) 35%, rgba(249,248,113,1) 100%);  */
    -webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
    margin-right: 5px;
}
.product-stars-count{
    color: #63636B;
    text-decoration: underline;
    margin: 0px 5px;
}
.product-info-price{
    padding-bottom: 10px;
    display: inline-block;
    width: 100%;
    text-align: left;
}
.product-price-new{
    font-size: 20px;
    font-family: 'TitilliumWeb-Bold';
}
.product-price-old{
    font-size: 13px;
    color: #666;
    margin-left: 5px;
    text-decoration: line-through;
}
.product-info-delivery{
    padding: 20px 0px;
    padding-top: 0;
    text-align: left;
}
.product-info-delivery span{
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    min-height: 40px;
    color: #126fa5;
    white-space: pre;
    padding: 0 4px 0 3px;
    font-family: 'TitilliumWeb-Bold';
    font-style: italic;
}
.product-info-delivery span i{
    margin-right: 3px;
}
.product-info-action{
    /* padding: 20px 0px; */
    padding-top: 0;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.product-quqntity-select .pqs{
    border-radius: 3px;
    padding: 2px;
    border: 1px solid #d4d4e1;
    display: flex;
    align-items: center;
    background: transparent;
    font-size: 16px;
    width: 86px;
    padding: 9px 0px;
}
.product-add-btn{
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0;
    padding: 5px 18px;
    border-radius: 22px;
    background-color: #00a9ff;
    box-shadow: 0 4px 16px 0 rgb(0 0 0 / 15%);
    border: transparent;
    color: #fff !important;
    /* min-width: 150px; */
}
.recommended-buy {
    position: absolute;
    top: -30px;
    transition: all 0.3s;
    /* background: red; */
    padding: 8px;
    border-radius: 10px;
    color: #2fb839;
    background-color: #d0ffe5;
    font-style: italic;
    line-height: 15px;
    border-radius: 16px 0;
    font-size: 12px;
    font-family: 'TitilliumWeb-Bold';
}
.product-card a{
    color:#63636B;
}
.filter-by-size-list li a{
    color: #63636B;
}
.article-recent-wrapper:last-child{
    border-bottom: transparent;
}
.product-wishlist-icon{
    position: absolute;
    top: 0;
    right: 0;
}
/* shop style end */

/* single product style start */
.product__carousel {
    display: block;
    max-width: 700px;
    /* margin: 1em auto 3em; */
    overflow: hidden;
    
  }
  .product__carousel a {
    display: block;
    margin-bottom: 15px;
  }
  
  .product__carousel .gallery-top {
      border: 1px solid #d4d4e1;
      border-radius: 3px;
      margin-bottom: 5px;
  }
  .product__carousel .gallery-top .swiper-slide {
      position: relative;
      overflow: hidden;
      padding: 50px;
  }
  .product__carousel .gallery-top .swiper-slide a {
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 100%;
  }
  .product__carousel .gallery-top .swiper-slide a img {
      width: 100%;
      height: 100%;
      object-fit: contain;
  }
  .product__carousel .gallery-top .swiper-slide .easyzoom-flyout img {
      min-width: 100%;
      min-height: 100%;
  }
  .product__carousel .swiper-button-next.swiper-button-white,
  .product__carousel .swiper-button-prev.swiper-button-white {
      color: #ff3720;
  }
  .product__carousel .gallery-thumbs .swiper-slide {
      position: relative;
      transition: border .15s linear;
      border: 1px solid #d4d4e1;
      border-radius: 6px;
      cursor: pointer;
      overflow: hidden;
    /* height: calc(100% - 2px); */
    width: 80px !important;
    float: left;
    height: 80px !important;
  }
  .product__carousel .gallery-thumbs .swiper-slide.swiper-slide-thumb-active {
      border-color: #00a9ff;
  }
  .product__carousel .gallery-thumbs .swiper-slide img {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%,-50%);
      max-width: 100%;
  }

.product-details-block{
    display: block;
    min-height: auto;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 0rem;
}  
.product-detail-head{
    display: block;
    border-bottom: 1px solid #d4d4e1;
}
.product-main-heading{
    margin-bottom: 10px;
    font-size: 20px;
}
.product-review-block{
    position: relative;
    display: inline-block;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.product-short-descrip{
    margin-bottom: 0;
    font-size: 14px;
}
.product-detail-body{
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 15px 0px;
    border-bottom: 1px solid #d4d4e1;
}
.product-body-content{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.pb-offer-box{
    width: 55px;
    height: 55px;
    background: red;
    color: #fff;
    text-align: center;
    font-size: 10px;
    border-radius: 6px;
    line-height: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* padding: 9px; */
    font-family: 'TitilliumWeb-Bold';
    float: left;
    margin-right: 15px;
}
.pb-content-left{
    flex: 1 auto;
}
.pb-content-right{
    flex: 1 auto;
}
.pb-price-box{
    width: auto;
    float: left;
}
.product-detail-pOld{
    font-size: 13px;
    color: #666;
    text-decoration: line-through;
    margin-bottom: 0;
}
.product-detail-pNew{
    font-size: 24px;
    margin-bottom: 0;
}
.pb-delivery-info{
    font-size: 12px;
    margin-bottom: 0px;
}
.pb-delivery-date{
    padding: 4px 10px;
    border: 2px solid #00a9ff;
    text-align: center;
    border-radius: 5px;
    font-size: 14px;
    color: #00a9ff;
}
.product-body-btns{
    position: relative;
    display: inline-block;
    width: 100%;
    padding-top: 15px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.pqs-select{
    border-radius: 3px;
    border: 1px solid #d4d4e1;
    display: flex;
    align-items: center;
    background: transparent;
    font-size: 16px;
    width: 86px;
    padding: 9px 0px;
    margin: 0px 10px 0px 0px;
}
.product-addcart-btn{
    padding: 10px 15px;
    text-align: center;
    border-radius: 6px;
    background: #2e7dab;
    color: #fff;
    border: transparent;
    margin: 0px 10px 0px 0px;
    min-width: 125px;
}
.product-buynow-btn{
    padding: 10px 15px;
    text-align: center;
    border-radius: 6px;
    background: #00a9ff;
    color: #fff;
    border: transparent;
    margin: 0px 10px 0px 0px;
    min-width: 125px;
}
.product-detail-footer{
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 15px 0px;
}
.product-main-point-box{
    display: flex;
    align-items: center;
    /* justify-content: center; */
    border: 1px solid #d4d4e1;
    min-width: 125px;
    float: left;
    margin-right: 15px;
    padding: 10px;
    border-radius: 6px;
    font-family: 'TitilliumWeb-Bold';
    font-size: 10px;
    line-height: 16px;
}
.pmp-icon{
    margin-right: 8px;
}
.mt-5{
    margin-top: 50px;
}
.product-detail-nav .nav{
    border: transparent;
    background: #F0F4F8;
    border-radius: 6px;
    color: #63636B;
    align-items: center;
    justify-content: space-evenly;
}
.product-detail-nav .nav li a{
    color: #63636B;
}
.product-detail-nav .nav li{
    padding: 12px;
}
.product-detail-nav .nav li.active{
    border-bottom: 2px solid #00a9ff;
    font-weight: 600;
}
.tab-content>.active {
    opacity: 1 !important;
    transition: opacity .3s linear !important;
}
.product-detail-nav .tab-content .tab-pane{
    padding: 50px 0px;
}
.promo-list{
    list-style: none;
    margin: 0;
    padding: 0;
}

.promo-list li{
    padding: 15px;
}
.icon-with-info{
    display: flex;
    align-items: center;
}
.promo-list-info{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.promo-list-info-detail p{
    font-family: 'TitilliumWeb-Bold';
    margin-bottom: 0px;
}
.promo-list-info-detail span{
    font-size: 12px;
}
.promo-btn{
    padding: 10px;
    border: 1px solid #00a9ff;
    color: #00a9ff;
    background: transparent;
    border-radius: 6px;
}
.promo-list li:nth-child(even){
    background: #f5f5f5;
}
.product-comment-box{
    display: inline-block;
    margin-bottom: 30px;
    position: relative;
    width: 100%;
}
.review-item-stars{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: 1 auto;
}
.review-item-stars i{
    margin-right: 5px;
}
.review-item-stars i.checked{
    color: #fdb813;
}
a{
    cursor: pointer;
}
.product-cart-block{
    position: relative;
    display: inline-block;
    width: 100%;
}
.product-cart-item{
    background-color: #fff;
    width: 100%;
    position: relative;
    border-radius: 10px;
    border: 1px solid #d4d4e1;
    margin-top: -6px;
    margin-bottom: 30px;
}
.product-item-flex{
    display: flex;
    flex-flow: row wrap;
    margin: 6px -6px -6px;
}
.product-cart-flex-item1{
    padding: 0;
    display: flex;
    flex-direction: column;
    width: 60%;
    max-width: 60%;
}
.product-cart-flex-item2{
    padding: 0;
    display: flex;
    flex-direction: column;
    width: 40%;
    max-width: 40%;
}
.product-cart-info-wrapper{
    padding: 24px;
    display: flex;
    height: 100%;
}
.cart-info-image{
    display: flex;
    flex: 0 0 80px;
}
.cart-info-description{
    margin-left: 20px;
    border-radius: 0 16px 16px 0;
    width: 100%;
}
.cart-info-image img{
    height: 80px;
    width: 80px;
    object-fit: cover;
    cursor: pointer;
}
.cart-info-heading{
    font-size: 15px;
}
.cart-info-item-modal{
    font-size: 12px;
    margin-bottom: 0px;
}
.cart-delivery-info{
    padding: 0px 0px 0px 0px;
}

/* The container */
.check-container {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 0px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-top: 0px;
  }
  
  /* Hide the browser's default radio button */
  .check-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
  }
  
  /* Create a custom radio button */
  .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
    border-radius: 50%;
  }
  
  /* On mouse-over, add a grey background color */
  .check-container:hover input ~ .checkmark {
    background-color: #ccc;
  }
  
  /* When the radio button is checked, add a blue background */
  .check-container input:checked ~ .checkmark {
    background-color: #00a9ff;
  }
  
  /* Create the indicator (the dot/circle - hidden when not checked) */
  .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  
  /* Show the indicator (dot/circle) when checked */
  .check-container input:checked ~ .checkmark:after {
    display: block;
  }
  
  /* Style the indicator (dot/circle) */
  .check-container .checkmark:after {
    top: 0.3rem;
    left: 0.32rem;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: white;
  }

.cart-check-info{
    font-size: 10px;
    font-weight: 500;
    line-height: 20px;
    min-height: 40px;
    color: #126fa5;
    white-space: pre;
    padding: 0 4px 0 3px;
    font-family: 'TitilliumWeb-Bold';
    font-style: italic;
}
.cart-check-info i{
    margin-right: 3px;
}
.product-cart-descrip-wrapper{
    padding: 28px 24px 24px;
    height: 100%;
    display: flex;
    flex-direction: column;
    background: hsla(0,0%,95.3%,.1);
    border-radius: 0 16px 16px 0;
}
.cart-item-delete{
    display: flex;
    justify-content: flex-end;
}
.cart-item-calc{
    margin-bottom: auto;
    padding-top: 15px;
}
.cart-info-calc-top{
    display: flex;
    font-size: 12px;
    justify-content: space-between;
    letter-spacing: 0;
    line-height: 16px;
    color: #000;
    margin-bottom: 8px;
}
.cart-info-calc-top span{
    font-size: 12px;
}
.cart-info-calc-top1{
    display: flex;
    font-size: 12px;
    justify-content: space-between;
    letter-spacing: 0;
    line-height: 16px;
    color: #000;
    padding-bottom: 10px;
    border-bottom: 1px solid #d4d4e1;
}
.cart-info-calc-top1 span{
    font-size: 12px;
    color:#048103;
}
.cart-info-calc-total{
    display: flex;
    font-size: 12px;
    justify-content: space-between;
    padding-top: 12px;
    align-items: center;
}
.cic-select{
    border-radius: 3px;
    border: 1px solid #d4d4e1;
    display: flex;
    align-items: center;
    background: transparent;
    font-size: 16px;
    width: 75px;
    padding: 6px 0px;
    margin: 0px 10px 0px 0px;
}
.cart-total-calc{
    font-size: 14px;
    margin-bottom: 0px;
}
.order-summary-block{
    background-color: #f3f3f3;
    padding: 24px;
    border-radius: 16px;
    margin-bottom: 28px;
    box-shadow: 0 0 2px 0 #ddd;
    width: 100%;
    float: left;
}
.order-summary-head{
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 12px;
}
.order-summary-item{
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
}
.order-summary-item span{
    font-size: 14px;
}
.order-summary-item.green span{
    color: #048103;
}
.order-summary-list{
    padding-bottom: 10px;
    border-bottom: 1px solid #d4d4e1;
}
.order-summary-total{
    display: flex;
    margin: 8px 0 0;
    padding-top: 12px;
    justify-content: space-between;
}
.order-summary-total span{
    font-family: 'TitilliumWeb-Bold';
    font-size: 14px;
}
.order-checkout{
    padding-top: 40px;
    width: 100%;
    float: left;
}
.checkout-btn{
    padding: 10px 15px;
    text-align: center;
    border-radius: 6px;
    background: #00a9ff;
    color: #fff;
    border: transparent;
    width: 100%;
    float: left;
    text-decoration: none;
}
.checkout-btn:hover{
    background: #2e7dab;
    color: #fff;
}
/* single product style end */
/* checkout style start */
.checkout-form-heading{
    font-size: 22px;
    margin-bottom: 25px;
}
.input-required{
    color: red;
    margin: 3px;
}
/* checkout style start */

/* checkout style start here */
.diff-shopping-address .checkbox-label{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
    font-size: 1.125rem;
    font-weight: bold;
    padding-left: 15px;
    padding-right: 15px;
}
.diff-shopping-address input[type=checkbox]{
    width: 20px;
    height: 20px;
    border: 1px solid #d4d4e1;
    border-radius: 6px;
}
.custon-checkbox[type="checkbox"]:after {
    position: relative;
    display: block;
    /* left: 2px; */
    top: -20px;
    width: 20px;
    height: 20px;
    border-width: 1px;
    border-style: solid;
    border-color: #d4d4e1;
    content: "";
    background-image: none;
    background-repeat: no-repeat;
    background-position: center;
}
.custon-checkbox[type="checkbox"]:before {
    position: relative;
    display: block;
    width: 20px;
    height: 20px;
    border: 1px solid #808080;
    content: "";
    background: #FFF;
}
.custon-checkbox[type="checkbox"]:checked:after {
    content: "✔";
    color: #00a9ff;
    text-align: center;
    line-height: 20px;
}
  
.custon-checkbox[type="checkbox"]:not(:disabled):checked:hover:after {
    content: "✔";
    color: #00a9ff;
    text-align: center;
    line-height: 20px;
}
.shop-order-table{
    border: none;
    width: 100%;
    /* border-bottom: 1px solid #d4d4e1; */
}
.shop-order-table tr {
    border-bottom: 1px solid #d4d4e1;
}
.shop-order-table th, .shop-order-table td{
    padding:1rem;
}
.shop-order-table tr:last-child {
    border: none;
}
.shop-order-table thead tr th:last-child {
    text-align: right;
    padding-right: 0;
}
.shop-order-table tr th {
    font-weight: bold;
    font-size: 14px;
    padding-left: 0;
    border-bottom: 1px solid #d4d4e1;
    padding-right: 0;
}
.so-cart-item{
    border-bottom: 1px dashed #d4d4e1;
}
.shop-order-table td{
    padding-right: 0;
    font-size: 14px;
}
.shop-order-table td:first-child {
    padding-left: 0;
}
.shop-product-qty{
    color: #63636B;
}
.shop-product-price{
    width: 100%;
    text-align: right;
    float: left;
    font-family: 'TitilliumWeb-Bold';
}
.shop-product-grandtotal{
    font-weight: bold;
    width: 100%;
    text-align: right;
    float: left;
    color: #00a9ff;
    font-family: 'TitilliumWeb-Bold';
}
.shop-subHeading{
    display: block;
    margin-bottom: 1rem;
    font-family: 'TitilliumWeb-Bold';
}
.shop-producl-delivery-list{
    list-style: none;
    margin: 0;
    padding: 0;
}
.shop-producl-delivery-list > li {
    margin-bottom: 5px;
}
.shop-producl-delivery-list li label{
    font-size: 15px !important;
    margin-top: 0px;
}
.shop-producl-delivery-list > li:last-child {
    margin-bottom: 0rem;
}
.pay-option-info{
    font-size: 12px;
    margin-bottom: 0;
}
.shop-producl-delivery-list .panel-body{
    font-size: 12px;
    margin-bottom: 0;
    line-height: 20px;
    margin-left: 30px;
    margin-top: 10px;
}
.place-order {
    /* padding-top: 40px; */
    width: 100%;
    float: left;
}
.wishlist-table{
    width: 100%;
}
.added-wishlist-date{
    margin-bottom: 0px !important;
    font-size: 12px;
    line-height: 18px;
}
.table-addcart-btn{
    padding: 5px 10px;
    text-align: center;
    border-radius: 6px;
    background: #00a9ff;
    color: #fff;
    border: transparent;
    width: 100px;
    float: left;
    font-size: 14px;
}
.table-addcart-btn:hover{
    background:#2e7dab;
}

.article-recent-head.article{
    font-size: 14px;
    margin-bottom: 15px;
}

.wishlist-price{
    font-family: 'TitilliumWeb-Bold';
}
.wishlist-table thead tr{
    border-radius: 6px;
}
.wishlist-table th{
    padding:10px;
    background: #F0F4F8;
}
.wishlist-table td{
    padding:10px;
}
.wishlist-close-icon{
    background: #00a9ff;
    /* padding: 5px; */
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: inline-block;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #fff;
}
.product-with-info-wishlist{
    display: flex;
    align-items: center;
    justify-self: center;
}
.product-with-info-wishlist img{
    width: 50px;
    margin-right: 15px;
}
.wishlist-product-info{
    flex: 1 auto;
}
.wishlist-product-info p{
    font-family: 'TitilliumWeb-Bold';
    margin-bottom: 0 !important;
    font-size: 14px;
    line-height: 18px;
}
.wishlist-product-info ul{
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
}
.wishlist-product-info ul li{
    margin-right: 5px;
    font-size: 12px;
}
.wishlist-product-info ul li i.checked{
    color:#fdb813;
}
.whishlist-instock{
    font-size: 14px;
    color:rgb(14, 121, 14);
    line-height: 10px;
}
.whishlist-outstock{
    font-size: 14px;
    color:#B12704;
    line-height: 10px;
}
.wishlist-table th:nth-of-type(2){
    width: 425px;
}
.overflow-auto{
    overflow: auto;
}
/* checkout style end here */

.head-count-box{
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #00a9ff;
    color: #fff;
    float: left;
    position: absolute;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: -6px;
    left: 15px;
    line-height: 20px;
}
.top-free-shipping .free-shipping-head{
    font-family: 'TitilliumWeb-Bold';
    font-size: 14px;
}
.top-free-shipping .free-shipping-info{
    opacity: 0.8;
}
.header-actions li a{
    color: #63636B;
}
.section-relatedheading{
    position: relative;
    font-size: 1.5rem !important;
    margin: 0;
}
.dropdown-menu.searchMenu{
    left:auto;
    right: 0;
    padding: 25px;
}
.search-head-input{
    background-color: transparent;
    /* color: #fff; */
    display: block;
    font-size: 1rem;
    width: 315px;
    padding: calc(0.75em - 1px) 1rem;
    border: 1px solid #d4d4e1;
    box-shadow: none;
    appearance: none;
    transition: all 0.25s;
    margin: 0;
    border-radius: 6px;
    padding-right: 30px;
}
.headSearch-input-block{
    position: relative;
    display: block;
}
.search-input-btn{
    position: absolute;
    top: 2px;
    right: 0;
    border: transparent;
    background: transparent;
    padding: 10px;
}

.modal-login .modal-dialog {
    position: fixed;
    margin: auto;
    width: 320px;
    height: 100%;
    right: 0px;
}
.modal-login .modal-content {
    height: 100%;
}

.modal-login .modal-content{
    border-radius: 0;
    border: transparent;
}

.modal-login .modal-header{
    border: transparent;
    padding-bottom: 0;
}

.modal-signin-block{
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
}
.modal-box-heading{
    font-size: 20px;
    margin-bottom: 20px;
}
.modal-remember-check{
    display: flex;
}
.modal-remember-check .checkbox .checkbox-label span{
    margin-left: 10px;
}
.modal-login-btn{
    padding: 10px 15px;
    text-align: center;
    border-radius: 6px;
    background: #00a9ff;
    color: #63636B;
    border: transparent;
    width: 100%;
    float: left;
    margin-top: 20px;
}
.forgot-password-link{
    padding:20px 0px;
    color: #00a9ff;
    text-decoration: underline;
    text-align: center;
    width: 100%;
    float: left;
}
.create-account-link{
    padding:20px 0px;
    color: #00a9ff;
    text-decoration: underline;
    text-align: center;
}
.modal-dont-have-pass{
    margin-bottom: 10px;
}
.login-or-text{
    text-transform: uppercase;
    text-align: center;
    margin: 25px 0;
    font-size: 1rem;
    position: relative;
    overflow: hidden;
}
.login-or-text span{
    position: relative;
    z-index: 1;
    padding: 0 10px;
}
.login-or-text span:before{
    content: "";
    position: absolute;
    left: 100%;
    top: 50%;
    width: 1000px;
    height: 1px;
    margin-top: -1px;
    background-color: #d4d4e1;
}
.login-or-text span:after{
    content: "";
    position: absolute;
    right: 100%;
    top: 50%;
    width: 1000px;
    height: 1px;
    margin-top: -1px;
    background-color: #d4d4e1;
}
.login-option-btns{
    position: relative;
    display: flex;
    justify-content: space-evenly;
}
.login-option-btn{
    border: transparent;
    padding: 10px;
    border-radius: 6px;
    text-align: center;
    color: #fff;
    min-width: 125px;
}
.login-option-btn.facebook{
    background: #29487d;
}
.login-option-btn.google{
    background: #e85858;
}
.login-option-btn i{
    margin-right: 10px;
}
.modal-login-btn:hover{
    background: #00a9ff;
    color: #fff;
}
.forgot-password-link:hover{
    color:#00a9ff;
    text-decoration: underline;
}
.create-account-link:hover{
    color:#00a9ff;
    text-decoration: underline;
}
.product-detail-nav .pd-nav-list{
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    background: #F0F4F8;
    color: #63636B;
}
.product-detail-nav .pd-nav-list li{
    padding: 12px;
}
.product-detail-nav .pd-nav-list li a{
    color: #63636B;
}
.product-detail-nav .pd-nav-list li.ui-tabs-active{
    border-bottom: 2px solid #00a9ff;
}
.product-detail-nav .ui-tabs-panel{
    padding: 25px;
}
.p-0px-t{
    padding-top:0px
}
.navbar-brand img{
    width: 145px;
}
.logo-text{
    font-family: 'TitilliumWeb-Bold';
    color: #63636B;
    margin: 0px 5px;
}
.coming-text{
    font-family: 'TitilliumWeb-Bold';
    color: #fff;
    margin: 0px 5px;
    font-size: 20px;
}
.coming-soon-header img{
    width: 145px;
}
.error-page-header img{
    text-align: center;
    width: 145px;
}
.section-product{
    position: relative;
    padding: 1rem 0;
}
.product-pagination{
    position: relative;
    display: inline-block;
    padding:30px 0px;
    width: 100%;
}
.product-pagination-list{
    list-style: none;
    margin: 0;
    padding:0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pagination-pages a{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    color:#63636B;
    margin: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 14px;
}
.pagination-pages{
    border-radius: 50%;
}
.pagination-pages.active{
    background: #00a9ff;
    color: #fff;
}
.pagination-pages.active a{
    color: #fff;
}
.pagination-pages a{
    color: #63636B;
}
.pagination-previous, .pagination-next{
    width: 100px;
    height: 30px;
    text-transform: uppercase;
    align-items: center;
    display: flex;
    margin: 0px 15px;
    color: #63636B;
    font-size: 13px;
    font-weight: 600;
}
.pagination-previous a, .pagination-next a{
    color: #63636B;
}
.pagination-next{
    text-align: right;
    justify-content: flex-end;
}
.pagination-previous a i, .pagination-next a i{
    margin-right: 5px;
    margin-left: 5px;
    font-size: 12px;
    opacity: 0.3;
}
.product-detail-footerList{
    padding-left: 18px;
    font-size: 14px;
    margin-bottom: 10px;
}
.product-tabdetail-info h2{
    font-size: 16px;
}
.product-tabdetail-info p{
    font-size: 14px;
    /* margin-bottom: 15px; */
}
.shop-product-title{
    font-size: 14px;
    line-height: 20px;
}
.contact-info-list li img{
    width: 25px;
    height: 25px;
    margin-right: 10px;
}
.shipping-info-box{
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}
.product-availability-box{
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}
.product-availability-box .outof-stock{
    color:#B12704;
    font-size: 14px;
    font-family: 'TitilliumWeb-Bold';
}
.product-availability-box .in-stock{
    color:rgb(14, 121, 14);
    font-size: 14px;
    font-family: 'TitilliumWeb-Bold';
}
.filter-box{
    display: flex;
    position: relative;
    background-color: #ffffff;
    padding: 4px 10px 4px 10px;
    /* border-radius: 0; */
    text-decoration: none;
    border:1px solid #d4d4e1;
    border-radius: 6px;
    font-size: 14px;
    align-items: center;
}
.filter-box img{
    width: 12px;
    margin-right: 5px;
}

div.modal#loginmodal{
    position:fixed;
    width:100%;
    height:500px;
    top:175px;
    left:0;
    padding:0;
    margin:0;
    z-index: 10;
  }
  div.modal#loginmodal .modal-footer{
    padding:5px;
    margin:0;
  }
  div.modal#loginmodal .modal-body{
    padding:10px 20px;
    margin:0;
  }
  div.modal#loginmodal .modal-header{
    padding:5px 20px;
    margin:0;
    justify-content: flex-end;
    border: transparent;
  }
  .modal-backdrop{
    display:none;
  }
  .filter-search-btn{
      border: none;
      background: #00a9ff;
      color: #fff;
      font-size: 14px;
      text-align: center;
      padding:10px;
      border-radius: 6px;
      margin-top: 10px;
  }
  .filter-close-btn{
    border: none;
    background: #00a9ff;
    color: #fff;
    font-size: 14px;
    text-align: center;
    padding:10px;
    border-radius: 6px;
    margin:0;
    margin-top: 10px;
    margin-left: 10px;
}
  .product-filter-modal .modal-header{
    border: none;
    justify-content: flex-end;
  }
  .modal-header .close{
    border: none;
    background: #00a9ff;
    color: #fff;
    font-size: 14px;
    text-align: center;
    padding:11px;
    border-radius: 6px;
    margin:0;
    margin-top: 10px;
    margin-left: 10px;
    font-weight: normal;
    opacity: 1;
    text-shadow: none;
  }

  .modal-login .modal-header{
    justify-content: flex-end;
  }


.home-banner-btn{
    background: #00a9ff;
    border: 1px solid #00a9ff;
    color: #fff;
    fill: #fff;
    transition: all 0.4s ease;
    margin-top: 20px;
}

.home-banner-btn:hover{
    background:#2e7dab;
    color:#fff;
    border:1px solid #2e7dab;
}

.home-section-latest{
    background-image: url('../images/home/home-bg3.jpg');
    background-position: 28%;
    background-size: cover;
    width: 100%;
    overflow: hidden;
    height: calc(100vh - 23vh);
    display: flex;
    align-items: center;
    position: relative;
}

.home-section-latest.single{
    background-image: url('../images/home/home-bg2.jpg');
}

/* .home-section-latest {
    position: relative;
    height: calc(100vh - 80px);
    z-index: 1;
    overflow: hidden;
} */
/* .home-banner-latest{
    background-image: url('../images/home/home-bg3.jpg');
    background-position: 90%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: calc(100vh - 80px);
    overflow: hidden;
} */
@keyframes zoominoutsinglefeatured {
    0% {
        transform: scale(1,1);
    }
    50% {
        transform: scale(1.2,1.2);
    }
    100% {
        transform: scale(1,1);
    }
}

/* .home-banner-latest {
    animation: zoominoutsinglefeatured 100s infinite ;
    overflow: hidden;
    height: 100vh;
} */

.home-banner-latest::before {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    /* background-color:rgba(73 75 83 / 40%); */
}

.header-transition{
    animation: 3s ease-out 0s 1 wait, 0.21s ease-out 3s 1 slideInFromBottom;
}

@keyframes wait {
    from { transform: translateY(20px); }
    to { transform: translateY(20px); }
}

@keyframes slideInFromBottom {
  from { transform: translateY(20px); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}

.banner-inner-content{
    position: absolute;
    top:0;
    width: 100%;
    /* height: calc(100vh - 80px); */
    display: flex;
    align-items: center;
}

.banner-main-header{
    /* color: #fff; */
    color:#63636B;
    font-size: 50px;
    margin-bottom: 25px;
}

.banner-main-info{
    /* color: #fff; */
    color:#63636B;
    font-size: 14px;
    margin-bottom: 10px;
}

.banner-info-list{
    list-style: none;
    margin:0;
    padding-left: 0px;
}
.banner-info-list li{
    color: #fff;
    margin-bottom: 3px;
}
.banner-info-list li::before{
    content: "\2022";
    color: #00a9ff;
    font-weight: bold;
    display: inline-block; 
    width: 1em;
}
.ourServices-latest-wrapper{
    position: relative;
    display: inline-block;
    width: 100%;
}

.ourServices-latest-wrapper a{
    text-decoration: none;
}

.ourService-info-heading{
    font-size: 26px;
    /* margin-bottom: 25px; */
    margin-bottom: 0px;
    text-decoration: none;
}

.ourService-info-descrip{
    font-size: 15px;
    margin: 0px 0;
    line-height: 28px;
}

.info-content-justify{
    display: flex;
    justify-content: center;
    align-items: center;
}

.service-item{
    padding: 50px 0px;
}

.ourService-img{
    border-radius: 6px;
}

.remote-dedicated-column{
    display: inline-block;
    position: relative;
    width: 100%;
}
p:first-child{
    margin-bottom: 10px;
}
.remote-badge-column{
    background:#00a9ff;
    width: 100%;
    border-left: none;
    max-width: inherit;
    border-radius: 4px;
    padding: 17px 65px 17px 30px;
    margin-top: 30px;
    font-size: 18px;
    position: relative;
}
.dedicated-img{
    background-image: url('../images/dedicated-team.jpg');
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    border-radius: 6px;
}
.badge-text-heading{
    max-width: inherit;
    margin-bottom: 4px;
    color: #fff;
    font-size: 15px;
}
.badge-text{
    color: #fff;
    font-size: 14px;
    display: block;
}
.badge-dropdown-mark{
    border: 1px solid #00a9ff;
    background-color: #fff;
    color: #00a9ff;
    width: 28px;
    height: 28px;
    top: 20px;
    /* -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%); */
    right: 26px;
    border-radius: 50%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    cursor: pointer;
    transition: all 0.3s;
}
.dedicated-list-card{
    width: 100%;
    float: left;
    padding: 15px 0px;
    display: flex;
    /* min-height: 200px; */
}
.dedicated-list-info h2{
    font-size: 18px;
    margin-bottom: 10px;
}
.dedicated-list-info p{
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 0;
}
.dedicated-list-icon{
    flex: 50%;
    margin-right: 25px;
}
.text-wrapper{
    height: 100%;
    display: table;
    padding-left: 140px;
}
.text-wrapper > div {
    vertical-align: middle;
    display: table-cell;
}
.dedicated-heading{
    font-size: 30px;
    margin-bottom: 10px;
}
.dedicated-company-info{
    margin: 0px;
    font-size: 14px;
}
.more-about-btn{
    background:#00a9ff;
    border: 1px solid #00a9ff;
    color: #fff;
}
.more-about-btn:hover{
    background:#2e7dab;
    color: #fff;
    border: 1px solid #2e7dab;
}

.feature-bg{
    background:#00a9ff;
}
.dedicated-thump{
    padding: 40px 0;
}
.dedicated-item{
    padding: 30px;
}
.dedicated-item .dedicated-item-icon{
    float: left;
    border: 1px solid #fff;
    width: 80px;
    height: 80px;
    text-align: center;
    border-radius: 50%;
    transition: all .6s ease;
    -moz-transition: all .6s ease;
    -webkit-transition: all .6s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}
.dedicated-item-content{
    color: #fff;
    margin-left: 100px;
}
.dedicated-item-content h2{
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
}
.dedicated-item-content p{
    margin-bottom: 0;
}
.dedicated-item-icon img{
    width: 40px;
}
.partner-table-wrapper{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /* margin-top: 40px; */
}
.partner-table-row{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}
.partner-table-block {
    width: 25%;
    padding: 10px 35px;
    border: 1px solid #e4ebf2;
    margin-left: -1px;
    margin-top: -1px;
    min-height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    background-color: #fff;
}
.table-block-grey {
    background-color: #F0F4F8;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.partner-table-row .partner-table-block:first-child {
    border-left: none;
}
.partner-table-header{
    font-size: 16px;
    letter-spacing: -.27px;
    line-height: 30px;
    color: #63636B;
    font-family: 'TitilliumWeb-Bold';
}
.table-block-dark{
    background-color: #47505f;
    border-top: 1px solid #182f3f;
    border-bottom: 1px solid #182f3f;
    color: #fff;
}
.table-block-dark .partner-table-header{
    color: #fff;
    text-align: center;
    font-family: 'TitilliumWeb-Bold';
    font-size: 16px;
}
.table-block-dark .partner-table-body{
    color: #fff;
    text-align: center;
}

.infoContact{
    position: relative;
    background: url('../images/technology-bg.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    transition: all 0.3s;
}

.overlaybg{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: rgba(0, 0, 0, 0.7);
}

.center-divide-block h2{
    color: #fff;
    margin-bottom: 30px;
}

.divider-btn{
    color: #fff;
    border: 1px solid #fff;
    background:transparent;
}

.divider-btn:hover{
    background:#2e7dab;
    border-color: #2e7dab;
    color: #fff;
}


.infoAchievement{
    position: relative;
    background: url('../images/count-bg.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    transition: all 0.3s;
}

.latest-counter-box{
    padding: 20px 15px;
    background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
    overflow: hidden;
    border-radius: 0px;
    box-shadow: 0px 9px 16px 0px rgb(225 225 225 / 0%);
    text-align: center;
    position: relative;
    margin-bottom: 30px;
    margin-top: 30px;
}

.fact-count h3{
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    padding-bottom: 10px;
    position: relative;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.fact-count p{
    color: #fff;
    font-size: 16px;
    margin-bottom: 10px;
}

.fact-count h3::before{
    position: absolute;
    content: '';
    height: 1px;
    width: 45px;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #e5e5e5;
}

.overflow-scroll{
    overflow: auto;
}

.p-0px-t{
    padding-top: 0px;
}

.dedicated-section{
    padding-bottom: 50px;
}

.contactus-top-bg{
    position: relative;
    background: url('../images/count-bg.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    transition: all 0.3s;
}

.legend-heading h1{
    color: #fff;
    margin-bottom: 3em;
    margin-top: 1em;
    font-size: 36px;
}

.contact-us-card-wrapper{
    margin-top: -9em;
    box-shadow: 0 0 10px 5px rgb(0 0 0 / 6%);
    background:#fff;
    padding:2rem;
    border-radius: 6px;
}

.form-field label{
    text-transform: uppercase;
    font-weight: 600;
}

.form-field select{
    background-color: transparent;
    /* color: #fff; */
    display: block;
    font-size: 1rem;
    width: 100%;
    padding: calc(0.75em - 1px) 1rem;
    border: 1px solid #d4d4e1;
    box-shadow: none;
    appearance: none;
    transition: all 0.25s;
    margin: 0;
    border-radius: 6px;
}

.latest-submit-btn{
    background:#00a9ff;
    border-color: #00a9ff;
    color: #fff;
    margin-top: 20px;
    font-size: 14px;
}
.latest-submit-btn:hover{
    background:#2e7dab;
    border-color: #2e7dab;
    color: #fff;
}

/* carousal style */
.opacFull {
    opacity: 1 !important;
  }
  
  .slider-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  
  .site-slider {
    position: relative;
    padding: 0;
  }
  .site-slider li {
    line-height: 0;
    list-style: none;
  }
  
  .slider-img {
    object-fit: cover;
    width: 100%;
    height: calc(100vh - 23vh);
    /* min-height: 450px;
    max-height: 750px; */
  }
  
  .slider-text {
    position: absolute;
    top: 50%;
    left: 15%;
    line-height: normal;
    color: #fff;
    transform: translateY(-50%);
  }

  .slider-text.right{
    position: absolute;
    top: 50%;
    right: 15%;
    line-height: normal;
    color: #fff;
    transform: translateY(-50%);
    /* width: 65%; */
    text-align: right;
  }

  .slider-text.center{
    position: absolute;
    top: 50%;
    left: 50%;
    line-height: normal;
    color: #fff;
    transform: translate(-50%, -50%);
    margin: auto;
    right: 0;
    text-align: center;
  }

  .slider-text h3 {
    font-size: 50px;
    font-weight: 400;
    margin-bottom: 10px;
    opacity: 0;
    /* color: #fff; */
    color:#63636B;
  }

  .slider-text h1 {
    font-size: 50px;
    font-weight: 400;
    margin-bottom: 10px;
    opacity: 0;
    /* color: #fff; */
    color:#63636B;
  }

  .slider-text p {
    font-size: 14px;
    opacity: 0;
    /* color: #fff; */
    color:#63636B;
    line-height: 25px;
  }

  .slider-text.right p{
      margin-left: auto;
  }
  
  .owl-dots {
    position: absolute;
    bottom: 15%;
    left: 45%;
    transform: translateY(-50%);
    display: flex;
    /* display: none !important; */
  }
  .owl-dots .owl-dot {
    width: 20px;
    height: 2px;
    background: #d9d9d9;
    display: block;
    margin: 0px 10px;
    border-radius: 10px;
  }
  .owl-dots .owl-dot.active {
    background: #00a9ff;
    transform: scale(1.5);
  }
  
  .animate-in-fast {
    animation: in-fast 2000ms ease-in-out forwards;
  }
  
  @keyframes in-fast {
    0% {
      opacity: 0;
      transform: translateX(-3em);
    }
    100% {
      opacity: 1;
      transform: translateX(0);
    }
  }
  .animate-in-slow {
    animation: in-slow 2000ms linear forwards;
  }
  
  @keyframes in-slow {
    0% {
      opacity: 0;
      transform: translateX(3em);
    }
    100% {
      opacity: 1;
      transform: translateX(0);
    }
  }
  
  .owl-carousel.owl-loaded {
    height: calc(100vh - 15vh);
    /* min-height: 450px;
    max-height: 750px; */
    object-fit: cover;
    padding: 0;
    margin: 0;
  }
  
  .owl-carousel .owl-item img {
    transform-style: preserve-3d;
    object-fit: cover;
    height: calc(100vh - 15vh);
    /* min-height: 450px;
    max-height: 750px; */
    position: relative;
    z-index: -1;
  }

  .brand-item img {
    height: 60px !important;
    z-index: initial !important;
    width: 180px;
    object-fit: contain;
  }

  .owl-prev{
    display: block;
    font-size: 0;
    line-height: 0;
    height: 61px;
    width: 28px;
    border: 2px solid #d9d9d9;
    cursor: pointer;
    transition: .3s;
    position: absolute;
    top: 46%;
    transform: translate3d(0, -46%, 0);
    border-left: 0;
    left: 8%;
  }

  .owl-prev:before{
    content: '';
    position: absolute;
    border: 0 solid #d9d9d9;
    transition: .3s;
    top: 0;
    height: 24px;
    width: 17px;
    border-bottom-width: 2px;
    right: 19px;
  }

  .owl-prev:after{
    content: '';
    position: absolute;
    border: 0 solid #d9d9d9;
    transition: .3s;
    width: 26px;
    height: 25px;
    bottom: 0;
    border-top-width: 2px;
    right: 28px;
  }

  .owl-prev:hover{
    margin: 0;
    transform: translate3d(6px, -46%, 0);
    border-color: #00a9ff;
  }

  .owl-prev:hover::before{
    border-color: #00a9ff;
    right: 28px;
    width: 26px;
  }

  .owl-prev:hover::after{
    border-color: #00a9ff;
    right: 28px;
  }

  .owl-next:hover{
    margin: 0;
    transform: translate3d(6px, -46%, 0);
    border-color: #00a9ff;
  }

  .owl-next:hover::before{
    border-color: #00a9ff;
    left: 28px;
    width: 26px;
  }

  .owl-next:hover::after{
    border-color: #00a9ff;
    left: 28px;
  }

  .owl-next{
    display: block;
    font-size: 0;
    line-height: 0;
    height: 61px;
    width: 28px;
    border: 2px solid #d9d9d9;
    cursor: pointer;
    transition: .3s;
    position: absolute;
    top: 46%;
    transform: translate3d(0, -46%, 0);
    border-right: 0;
    right: 8%;
  }

  .owl-next:before{
    content: '';
    position: absolute;
    border: 0 solid #d9d9d9;
    transition: .3s;
    top: 0;
    height: 24px;
    width: 17px;
    border-bottom-width: 2px;
    left: 19px;
  }

  .owl-next:after{
    content: '';
    position: absolute;
    border: 0 solid #d9d9d9;
    transition: .3s;
    width: 26px;
    height: 25px;
    bottom: 0;
    border-top-width: 2px;
    left: 28px;
  }
  
  .h1, .rte h1 {
    margin-bottom: 20px;
    font-size: 36px;
    line-height: 1.45;
  }
  
  .slide-title{
    margin-bottom: 7px;
    /* color: inherit; */
  }
  .slide-content{
    max-width: 650px;
    /* margin: 0 auto 22px auto; */
  }
  
.slide-button{
    color: #ffffff;
    background: #00a9ff;
    border-color: #00a9ff;
    font-size: 14px;
    opacity: 0;
}

.slide-button:hover{
    color: #ffffff;
    background: #2e7dab;
    border-color: #2e7dab;
}

.slider-img{
    background:rgb(73 75 83 / 40%);
}

.dedicated-team-wrapper-left{
    margin-top: -9em;
    box-shadow: 0 0 10px 5px rgb(0 0 0 / 6%);
    background: #fff;
    padding: 2rem;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    position: relative;
    z-index: 1;
    min-height: 200px;
    border-bottom: 4px solid #00a9ff;
}

.dedicated-team-wrapper-center{
    margin-top: -9em;
    box-shadow: 0 0 10px 5px rgb(0 0 0 / 6%);
    background: #fff;
    padding: 2rem;
    position: relative;
    z-index: 1;
    min-height: 200px;
    border-bottom: 4px solid #00a9ff;
}

.dedicated-team-wrapper-right{
    margin-top: -9em;
    box-shadow: 0 0 10px 5px rgb(0 0 0 / 6%);
    background: #fff;
    padding: 2rem;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    position: relative;
    z-index: 1;
    min-height: 200px;
    border-bottom: 4px solid #00a9ff;
}

.dedicated-team-inner{
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
}

.dedicated-team-icon{
    flex: 50%;
    margin-right: 20px;
}

.dedicated-team-info h2{
    font-size: 16px;
    margin-bottom: 10px;
}

.dedicated-team-info p{
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 0;
}

.banner-inner-wrapper{
    text-align: center;
}

.display-flex{
    display: flex;
}

.section-bg-secondary{
    background: #F0F4F8;
}

.dedicated-info-item-left h2 {
    margin-bottom: 20px;
}

.home-section.latest{
    position: relative;
    /* height: calc(100vh - 80px); */
    z-index: 1;
    min-height: 450px;
    max-height: 750px;
}

.slider-text.center .slide-content{
    margin-left:auto;
    margin-right: auto;
}

.footer-contact-wrapper::before{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: -100vw;
    left: 0;
    background: #34353b;
    transform: skew(-20deg);
    transform-origin: 100% 145%;
    pointer-events: none;
}

.footer-contact-wrapper{
    position: relative;
    /* display: inline-block;
    width: 100%; */
}

.footer-contact-inner{
    margin-left: 65px;
    color: #fff;
    position: relative;
    display: flex;
    padding: 15px 0px;
}

#loading {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    display: block;
    /* opacity: 0.7; */
    background-color: #fff;
    z-index: 1001;
    text-align: center;
}
  
#loading-image {
    position: absolute;
    top: 50%;
    z-index: 999;
    transform: translate(-50%);
    background-color: #fff;
    display: inline-block;
}

#testimonial-slider2 .owl-buttons{
    display: none;
}

.slider-img.slider1{
    /* background: linear-gradient(rgba(0 0 0 / 40%), rgba(0 0 0 / 40%)),
    url('../images/home/home-bg1.jpg'); */
    background: url('../images/home/home-bg1.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 45%;
}

.slider-img.slider2{
    /* background: linear-gradient(rgba(0 0 0 / 40%), rgba(0 0 0 / 40%)),
    url('../images/home/home-bg2.jpg'); */
    background: url('../images/home/home-bg2.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 15%;
}

.slider-img.slider3{
    /* background: linear-gradient(rgba(0 0 0 / 40%), rgba(0 0 0 / 40%)),
    url('../images/home/home-bg3.jpg'); */
    background: url('../images/home/home-bg3.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 15%;
}

.badge-dropdown-content{
    padding: 20px;
    min-width: 320px;
    height: auto!important;
    display: none;
    position: absolute;
    top: 90px;
    z-index: 5;
    left: 0;
    transition: all 0.3s;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%);
    border-radius: 6px;
}
.badge-dropdown-mark:hover+.badge-dropdown-content{
    display: block!important;
    background-color: #fff;
    opacity: 1;
}
.badge-drop-question{
    font-size: 12px;
    font-family: "TitilliumWeb-Bold";
    margin-bottom: 15px;
}
.badge-drop-answer{
    font-size: 12px;
    margin-bottom: 10px;
}
.footer-contact-inner-subscribe{
    position: relative;
}
.error-msg{
    display: none;
    transition: ease-out 0.3s;
    opacity: 0;
}
.error-msg-display{
    display: block;
    transition: ease-out 0.3s;
    opacity: 1;
    position: absolute;
    top: 8px;
    font-size: 10px;
    right: 4px;
    margin: 0;
    line-height: 0;
    color: red;
}
.success-msg{
    display: none;
    transition: ease-out 0.3s;
}
.success-msg-display{
    position: absolute;
    display: block;
    transition: ease-out 0.3s;
    padding: 10px;
    background: #2e7dab;
    font-size: 14px;
    /* border-radius: 5px; */
    z-index: 10;
    top: -65px;
    right: 0;
    padding-left: 3px;
}

.check-success-icon{
    background: #00a9ff;
    padding: 10px;
    margin-right: 10px;
}
.success-msg p, .success-msg-display p{
    margin-bottom: 0;
}
.error-msg p, .error-msg-display p{
    margin-bottom: 0;
}
.partner-table-body{
    text-align: center;
}
.mob-project-filter{
    position: relative;
    width: 100%;
    float: left;
    margin-bottom: 30px;
    text-align: center;
}
.mob-project-filter .dropdown-menu{
    width: 100%;
    float: left;
    left: auto;
    right: 0;
    box-shadow: 2px 4px 20px 1px rgb(45 45 45 / 13%);
    border: none;
    padding: 1.5rem;
    background: #fff;
    transition: all 0.4s;
    transform: translate3d(0px, 50px, 0px) !important;
    display: none;
}
.mob-project-filter .dropdown-menu .nav-link{
    padding: 8px 5px;
    text-align: center;
    /* background: #00a9ff; */
    color: #63636B;
}
.mob-project-filter .dropdown-menu .nav-link.active{
    background: #00a9ff;
    color: #fff;
}
.mob-project-filter .dropdown.show .dropdown-menu.show{
    display: block;
}
.project-filter-drop-btn{
    padding: 15px;
    border: 1px solid #63636b;
    background: transparent;
    width: 125px;
    border-radius: 6px;
}
.section-nav-list .nav-project-list{
    display: flex;
    align-items: center;
    justify-content: center;
}
.project-filter-drop-btn:hover{
    border: 1px solid #00a9ff;
    color: #00a9ff;
}


#totop {
    display: none;
    font-weight: 900;
    color: #fff;
    position: fixed;
    right: 34px;
    bottom: 34px;
    z-index: 999;
    height: 40px;
    width: 40px;
    font-size: 22px;
    text-align: center;
    line-height: 34px;
    border-radius: 0;
    background-color: #00a9ff;
    transition: all 0.5s;
    border-radius: 6px;
  }

  .menu-list-head{
      border-top: none !important;
  }

  .product-image-block figure img{
    width: 215px;
    height: 145px;
  }

.installation-guide .main-content-heading{
    font-size: 35px;
    margin-bottom: 20px;
    font-family: 'TitilliumWeb-Bold';
}

.installation-guide .content-heading{
    font-size: 27px;
    margin-bottom: 20px;
    font-family: 'TitilliumWeb-Bold';
}

.installation-guide .content-main-list ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

.installation-guide .content-main-list ul li{
    display: flex;
    margin: 5px 0px;
}

.installation-guide .content-main-list ul li span{
    font-size: 14px;
    color: #5f5f5f;
    margin-right: 5px;
}

.page-about-list{
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 25px;
}

.page-about-list li{
    font-family: "TitilliumWeb-Bold";
    font-weight: normal;
    color: #63636B;
    margin-bottom: 15px;
    position: relative;
    z-index: 1;
    padding-left: 40px;
}

.page-about-list li::after{
    position: absolute;
    left: 0;
    top: 0;
    content: "\f00c";
    font-family: "fontawesome";
    font-weight: 600;
    height: 30px;
    width: 30px;
    line-height: 30px;
    background: rgba(8,106,216,.1);
    text-align: center;
    border-radius: 50%;
    color: #00a9ff;
    font-size: 12px;
}

a{
    text-decoration: none;
}