@font-face{
    font-family:'Glyphicons Halflings';
    src:url(../fonts/glyphicons-halflings-regular.eot);
    src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')
}
.glyphicon{
    position:relative;
    top:1px;
    display:inline-block;
    font-family:'Glyphicons Halflings';
    font-style:normal;
    font-weight:400;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.glyphicon-asterisk:before{
    content:"\2a"
}
.glyphicon-plus:before{
    content:"\2b"
}
.glyphicon-euro:before,.glyphicon-eur:before{
    content:"\20ac"
}
.glyphicon-minus:before{
    content:"\2212"
}
.glyphicon-cloud:before{
    content:"\2601"
}
.glyphicon-envelope:before{
    content:"\2709"
}
.glyphicon-pencil:before{
    content:"\270f"
}
.glyphicon-glass:before{
    content:"\e001"
}
.glyphicon-music:before{
    content:"\e002"
}
.glyphicon-search:before{
    content:"\e003"
}
.glyphicon-heart:before{
    content:"\e005"
}
.glyphicon-star:before{
    content:"\e006"
}
.glyphicon-star-empty:before{
    content:"\e007"
}
.glyphicon-user:before{
    content:"\e008"
}
.glyphicon-film:before{
    content:"\e009"
}
.glyphicon-th-large:before{
    content:"\e010"
}
.glyphicon-th:before{
    content:"\e011"
}
.glyphicon-th-list:before{
    content:"\e012"
}
.glyphicon-ok:before{
    content:"\e013"
}
.glyphicon-remove:before{
    content:"\e014"
}
.glyphicon-zoom-in:before{
    content:"\e015"
}
.glyphicon-zoom-out:before{
    content:"\e016"
}
.glyphicon-off:before{
    content:"\e017"
}
.glyphicon-signal:before{
    content:"\e018"
}
.glyphicon-cog:before{
    content:"\e019"
}
.glyphicon-trash:before{
    content:"\e020"
}
.glyphicon-home:before{
    content:"\e021"
}
.glyphicon-file:before{
    content:"\e022"
}
.glyphicon-time:before{
    content:"\e023"
}
.glyphicon-road:before{
    content:"\e024"
}
.glyphicon-download-alt:before{
    content:"\e025"
}
.glyphicon-download:before{
    content:"\e026"
}
.glyphicon-upload:before{
    content:"\e027"
}
.glyphicon-inbox:before{
    content:"\e028"
}
.glyphicon-play-circle:before{
    content:"\e029"
}
.glyphicon-repeat:before{
    content:"\e030"
}
.glyphicon-refresh:before{
    content:"\e031"
}
.glyphicon-list-alt:before{
    content:"\e032"
}
.glyphicon-lock:before{
    content:"\e033"
}
.glyphicon-flag:before{
    content:"\e034"
}
.glyphicon-headphones:before{
    content:"\e035"
}
.glyphicon-volume-off:before{
    content:"\e036"
}
.glyphicon-volume-down:before{
    content:"\e037"
}
.glyphicon-volume-up:before{
    content:"\e038"
}
.glyphicon-qrcode:before{
    content:"\e039"
}
.glyphicon-barcode:before{
    content:"\e040"
}
.glyphicon-tag:before{
    content:"\e041"
}
.glyphicon-tags:before{
    content:"\e042"
}
.glyphicon-book:before{
    content:"\e043"
}
.glyphicon-bookmark:before{
    content:"\e044"
}
.glyphicon-print:before{
    content:"\e045"
}
.glyphicon-camera:before{
    content:"\e046"
}
.glyphicon-font:before{
    content:"\e047"
}
.glyphicon-bold:before{
    content:"\e048"
}
.glyphicon-italic:before{
    content:"\e049"
}
.glyphicon-text-height:before{
    content:"\e050"
}
.glyphicon-text-width:before{
    content:"\e051"
}
.glyphicon-align-left:before{
    content:"\e052"
}
.glyphicon-align-center:before{
    content:"\e053"
}
.glyphicon-align-right:before{
    content:"\e054"
}
.glyphicon-align-justify:before{
    content:"\e055"
}
.glyphicon-list:before{
    content:"\e056"
}
.glyphicon-indent-left:before{
    content:"\e057"
}
.glyphicon-indent-right:before{
    content:"\e058"
}
.glyphicon-facetime-video:before{
    content:"\e059"
}
.glyphicon-picture:before{
    content:"\e060"
}
.glyphicon-map-marker:before{
    content:"\e062"
}
.glyphicon-adjust:before{
    content:"\e063"
}
.glyphicon-tint:before{
    content:"\e064"
}
.glyphicon-edit:before{
    content:"\e065"
}
.glyphicon-share:before{
    content:"\e066"
}
.glyphicon-check:before{
    content:"\e067"
}
.glyphicon-move:before{
    content:"\e068"
}
.glyphicon-step-backward:before{
    content:"\e069"
}
.glyphicon-fast-backward:before{
    content:"\e070"
}
.glyphicon-backward:before{
    content:"\e071"
}
.glyphicon-play:before{
    content:"\e072"
}
.glyphicon-pause:before{
    content:"\e073"
}
.glyphicon-stop:before{
    content:"\e074"
}
.glyphicon-forward:before{
    content:"\e075"
}
.glyphicon-fast-forward:before{
    content:"\e076"
}
.glyphicon-step-forward:before{
    content:"\e077"
}
.glyphicon-eject:before{
    content:"\e078"
}
.glyphicon-chevron-left:before{
    content:"\e079"
}
.glyphicon-chevron-right:before{
    content:"\e080"
}
.glyphicon-plus-sign:before{
    content:"\e081"
}
.glyphicon-minus-sign:before{
    content:"\e082"
}
.glyphicon-remove-sign:before{
    content:"\e083"
}
.glyphicon-ok-sign:before{
    content:"\e084"
}
.glyphicon-question-sign:before{
    content:"\e085"
}
.glyphicon-info-sign:before{
    content:"\e086"
}
.glyphicon-screenshot:before{
    content:"\e087"
}
.glyphicon-remove-circle:before{
    content:"\e088"
}
.glyphicon-ok-circle:before{
    content:"\e089"
}
.glyphicon-ban-circle:before{
    content:"\e090"
}
.glyphicon-arrow-left:before{
    content:"\e091"
}
.glyphicon-arrow-right:before{
    content:"\e092"
}
.glyphicon-arrow-up:before{
    content:"\e093"
}
.glyphicon-arrow-down:before{
    content:"\e094"
}
.glyphicon-share-alt:before{
    content:"\e095"
}
.glyphicon-resize-full:before{
    content:"\e096"
}
.glyphicon-resize-small:before{
    content:"\e097"
}
.glyphicon-exclamation-sign:before{
    content:"\e101"
}
.glyphicon-gift:before{
    content:"\e102"
}
.glyphicon-leaf:before{
    content:"\e103"
}
.glyphicon-fire:before{
    content:"\e104"
}
.glyphicon-eye-open:before{
    content:"\e105"
}
.glyphicon-eye-close:before{
    content:"\e106"
}
.glyphicon-warning-sign:before{
    content:"\e107"
}
.glyphicon-plane:before{
    content:"\e108"
}
.glyphicon-calendar:before{
    content:"\e109"
}
.glyphicon-random:before{
    content:"\e110"
}
.glyphicon-comment:before{
    content:"\e111"
}
.glyphicon-magnet:before{
    content:"\e112"
}
.glyphicon-chevron-up:before{
    content:"\e113"
}
.glyphicon-chevron-down:before{
    content:"\e114"
}
.glyphicon-retweet:before{
    content:"\e115"
}
.glyphicon-shopping-cart:before{
    content:"\e116"
}
.glyphicon-folder-close:before{
    content:"\e117"
}
.glyphicon-folder-open:before{
    content:"\e118"
}
.glyphicon-resize-vertical:before{
    content:"\e119"
}
.glyphicon-resize-horizontal:before{
    content:"\e120"
}
.glyphicon-hdd:before{
    content:"\e121"
}
.glyphicon-bullhorn:before{
    content:"\e122"
}
.glyphicon-bell:before{
    content:"\e123"
}
.glyphicon-certificate:before{
    content:"\e124"
}
.glyphicon-thumbs-up:before{
    content:"\e125"
}
.glyphicon-thumbs-down:before{
    content:"\e126"
}
.glyphicon-hand-right:before{
    content:"\e127"
}
.glyphicon-hand-left:before{
    content:"\e128"
}
.glyphicon-hand-up:before{
    content:"\e129"
}
.glyphicon-hand-down:before{
    content:"\e130"
}
.glyphicon-circle-arrow-right:before{
    content:"\e131"
}
.glyphicon-circle-arrow-left:before{
    content:"\e132"
}
.glyphicon-circle-arrow-up:before{
    content:"\e133"
}
.glyphicon-circle-arrow-down:before{
    content:"\e134"
}
.glyphicon-globe:before{
    content:"\e135"
}
.glyphicon-wrench:before{
    content:"\e136"
}
.glyphicon-tasks:before{
    content:"\e137"
}
.glyphicon-filter:before{
    content:"\e138"
}
.glyphicon-briefcase:before{
    content:"\e139"
}
.glyphicon-fullscreen:before{
    content:"\e140"
}
.glyphicon-dashboard:before{
    content:"\e141"
}
.glyphicon-paperclip:before{
    content:"\e142"
}
.glyphicon-heart-empty:before{
    content:"\e143"
}
.glyphicon-link:before{
    content:"\e144"
}
.glyphicon-phone:before{
    content:"\e145"
}
.glyphicon-pushpin:before{
    content:"\e146"
}
.glyphicon-usd:before{
    content:"\e148"
}
.glyphicon-gbp:before{
    content:"\e149"
}
.glyphicon-sort:before{
    content:"\e150"
}
.glyphicon-sort-by-alphabet:before{
    content:"\e151"
}
.glyphicon-sort-by-alphabet-alt:before{
    content:"\e152"
}
.glyphicon-sort-by-order:before{
    content:"\e153"
}
.glyphicon-sort-by-order-alt:before{
    content:"\e154"
}
.glyphicon-sort-by-attributes:before{
    content:"\e155"
}
.glyphicon-sort-by-attributes-alt:before{
    content:"\e156"
}
.glyphicon-unchecked:before{
    content:"\e157"
}
.glyphicon-expand:before{
    content:"\e158"
}
.glyphicon-collapse-down:before{
    content:"\e159"
}
.glyphicon-collapse-up:before{
    content:"\e160"
}
.glyphicon-log-in:before{
    content:"\e161"
}
.glyphicon-flash:before{
    content:"\e162"
}
.glyphicon-log-out:before{
    content:"\e163"
}
.glyphicon-new-window:before{
    content:"\e164"
}
.glyphicon-record:before{
    content:"\e165"
}
.glyphicon-save:before{
    content:"\e166"
}
.glyphicon-open:before{
    content:"\e167"
}
.glyphicon-saved:before{
    content:"\e168"
}
.glyphicon-import:before{
    content:"\e169"
}
.glyphicon-export:before{
    content:"\e170"
}
.glyphicon-send:before{
    content:"\e171"
}
.glyphicon-floppy-disk:before{
    content:"\e172"
}
.glyphicon-floppy-saved:before{
    content:"\e173"
}
.glyphicon-floppy-remove:before{
    content:"\e174"
}
.glyphicon-floppy-save:before{
    content:"\e175"
}
.glyphicon-floppy-open:before{
    content:"\e176"
}
.glyphicon-credit-card:before{
    content:"\e177"
}
.glyphicon-transfer:before{
    content:"\e178"
}
.glyphicon-cutlery:before{
    content:"\e179"
}
.glyphicon-header:before{
    content:"\e180"
}
.glyphicon-compressed:before{
    content:"\e181"
}
.glyphicon-earphone:before{
    content:"\e182"
}
.glyphicon-phone-alt:before{
    content:"\e183"
}
.glyphicon-tower:before{
    content:"\e184"
}
.glyphicon-stats:before{
    content:"\e185"
}
.glyphicon-sd-video:before{
    content:"\e186"
}
.glyphicon-hd-video:before{
    content:"\e187"
}
.glyphicon-subtitles:before{
    content:"\e188"
}
.glyphicon-sound-stereo:before{
    content:"\e189"
}
.glyphicon-sound-dolby:before{
    content:"\e190"
}
.glyphicon-sound-5-1:before{
    content:"\e191"
}
.glyphicon-sound-6-1:before{
    content:"\e192"
}
.glyphicon-sound-7-1:before{
    content:"\e193"
}
.glyphicon-copyright-mark:before{
    content:"\e194"
}
.glyphicon-registration-mark:before{
    content:"\e195"
}
.glyphicon-cloud-download:before{
    content:"\e197"
}
.glyphicon-cloud-upload:before{
    content:"\e198"
}
.glyphicon-tree-conifer:before{
    content:"\e199"
}
.glyphicon-tree-deciduous:before{
    content:"\e200"
}
.line-clamp-1,.line-clamp-2,.line-clamp-3,.line-clamp-4,.line-clamp-5,.line-clamp-6{
    overflow:hidden;
    display:-webkit-box;
    -webkit-box-orient:vertical
}
.line-clamp-1{
    -webkit-line-clamp:1
}
.line-clamp-2{
    -webkit-line-clamp:2
}
.line-clamp-3{
    -webkit-line-clamp:3
}
.line-clamp-4{
    -webkit-line-clamp:4
}
.line-clamp-5{
    -webkit-line-clamp:5
}
.line-clamp-6{
    -webkit-line-clamp:6
}
.line-clamp-none{
    -webkit-line-clamp:unset
}
a.btn:hover, a.btn:focus, a.btn:active{
    border: 1px solid;
}
header.header-1 .main-menu > ul > li.active > a{
    color: #23ace3;
}
header.header-1 .action-bar .single-info-element .icon{
    overflow: visible
}
footer.footer-1 .footer-widgets-wrapper{
    background-image: url('../../html/assets/img/footer-widgets-bg.png');
    padding-top: 60px;
}
.hero-1 .single-slide{
    padding-top: 0;
    padding-bottom: 0;
}
.hero-1 .single-slide .slide-bg{
    position: relative;
}
.hero-1 .single-slide .slide-bg:before{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    content:'';
    background: rgba(35, 172, 227,0.4);
    height: 100%;
}
.hero-1 .single-slide .slide-bg .content-slide{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 260px;
    padding-bottom: 200px;
    z-index: 2;
}
header.header-1 .main-menu ul > li > ul{
    width:auto;
}
header.header-1 .main-menu ul > li > ul li a{
    white-space: nowrap;
    color:#fff
}
header.header-1 .main-menu ul > li > ul li.active a{
    color:#23ace3
}
.preline{
    white-space: pre-line
}
.main-sidebar{
    position: sticky;
    top:100px;
    z-index: 1;
}
b,strong{
    font-weight: 600
}
.single-variation,.single-variation-v{
    position: relative;
}
.single-variation,.single-variation-v .single-variation-meta {
    margin-bottom: 2.5rem;
}
.single-variation,.single-variation-v .single-variation-meta .variation-name{
    font-size: 15px;font-weight:500;
}
.single-variation:before{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: 1;
    transition: all .4s ease-in-out;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, rgba(0, 0, 0, 0)), to(#23ace3));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 10%, #23ace3 100%);
    opacity: 0;
}
.single-variation:hover:before{
    opacity: 0.7
}
.single-variation .single-variation-meta{
    position: absolute;
    z-index: 2;
    opacity: 0;
    padding:10px;
    bottom:20px;
    width:100%;
    text-align: center;
    transition: all .4s ease-in-out;
}
.single-variation-v .single-variation-meta{
    text-align: center;
}
.single-variation .single-variation-meta .variation-name{
    color: #fff;
    font-size: 1rem;
}
.single-variation:hover .single-variation-meta{
    bottom:0;
    opacity: 1;
}
.product-variation-carousel .slick-dots{
    display: flex;
    flex-direction: row;
    justify-content: center;
    text-align: center
}
.product-variation-carousel .slick-dots > *{
    width: 40px;
    height: 40px;
    padding:5px;
}
.product-variation-carousel .slick-dots button{
    border-radius: 50%;
    width: 100%;
    height: 100%;
    background: #23ace3
}
.product-variation-carousel  .slick-dots li:hover button,
.product-variation-carousel  .slick-dots .slick-active button{
    background: linear-gradient(93.01deg, #5F2DEE 7.72%, #256AD7 88.32%);
    color: #FFF;
}
.editor-wrapper{
    position: relative;
}
.editor-wrapper .btn{
    padding: 18px 38px;
    font-size: 16px;
    font-weight: 600;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
}
.section-title > span.text-white::before{
    color: #fff;
}
.testimonial-carousel-grid-active .slick-track{
    display: flex;
}
.testimonial-carousel-grid-active .slick-track .slick-slide{
    height: auto;
}
.partner-carousel-grid-active .slick-slide{
    margin: 0 15px;
}
.partner-carousel-grid-active .circle-dots {
    bottom: -70px;
}
.social-bottom{
    position: fixed;
    right:30px;
    bottom:70px;
    z-index: 3;
}
.social-bottom a{
    display: block;
    background-color: #23ace3;
    border-radius: 50%;
    bottom: 20px;
    color: #fff;
    font-size: 22px;
    height: 40px;
    line-height: 44px;
    right: 20px;
    text-align: center;
    width: 40px;
    -webkit-box-shadow: 0px 5px 15px 0px rgba(1, 29, 80, 0.1);
    box-shadow: 0px 5px 15px 0px rgba(1, 29, 80, 0.1);
    font-weight: 400;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    margin-bottom: 10px;
}
.social-modal a{
    display: inline-block;
    background-color: #23ace3;
    border-radius: 50%;
    color: #0D0D0F;
    font-size: 22px;
    height: 40px;
    line-height: 44px;
    text-align: center;
    width: 40px;
    -webkit-box-shadow: 0px 5px 15px 0px rgba(1, 29, 80, 0.1);
    box-shadow: 0px 5px 15px 0px rgba(1, 29, 80, 0.1);
    font-weight: 400;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    margin-bottom: 10px;
}
.social-bottom a:hover,.social-modal a:hover{
    background-color: #23ace3;
    color: #FFF;
}
.single-project-card::after {

    position: absolute;
    left: 0;
    top: 0;
    content: "";
    /*background: #000;*/
    opacity: 0.3;
    visibility: visible;
    width: 100%;
    height: 100%;
    -webkit-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
}
.single-project-card a{
    color:#fff;
}
.switch-language img{
    width: 20px;
}
.switch-language .sub-menu a{
    width:150px;
}
.modal-title.section-title{
    width: 100%;
    margin-bottom: 0;
    margin-top: 0;
}
.grid-item-product .product-name{
    font-size: 20px
}
.single-project-card.single-product-card{
    height: 432px;
    background-size: contain;
}
.partner-carousel-wrapper,.testimonial-carousel-wrapper{
    padding-bottom: 6rem!important;
}
.fun-counter-wrapper-single .single-fun-counter{
    margin-top: 3rem;
}
#scrollUp{
    right:90px
}
header.transparent-menu.sticky,header.transparent-menu.sticky,.offset-menu .offset-menu-social-icon a,
.offset-menu .offset-menu-social-icon a,.hero-2 .layer2,.newsletter_widget .newsletter_box button {
    background:#23ace3
}
#scrollUp:hover,.theme-btn.black:hover,header.header-1 .main-menu ul > li > ul,header .header-right-element .search-box form button:hover,
header.header-3 .main-menu ul > li > ul,.page-banner-wrap,.offset-menu{
    background-color: #23ace3;
}
.bg-overlay::before,.theme-btn:hover{
    background: linear-gradient(94.08deg, #23ace3 20.35%, #256AD7 74.44%);
}
.video-play-btn .play-video{
    background: -webkit-gradient(linear, left bottom, left top, color-stop(45.01%, #23ace3), to(#256AD7));
    background: linear-gradient(0deg, #23ace3 45.01%, #256AD7 100%);
}
.circle-dots li button,.circle-dots li.slick-active button {
    background: -webkit-gradient(linear, left top, left bottom, from(#256AD7), to(#23ace3));
    background: linear-gradient(180deg, #256AD7 0%, #23ace3 100%);
}
.hero-3 .single-slide::before,
.circle-dots li button:hover,.section-title h6::before, .section-title h6::after{
    background: -webkit-gradient(linear, left top, left bottom, from(#256AD7), to(#23ace3));
    background: linear-gradient(180deg, #256AD7 0%, #23ace3 100%);
}
.page-banner-wrap::before, .page-banner-wrap::after {
    background: linear-gradient(95.06deg, #23ace3 37.5%, #256AD7 109.04%);
}
.checked-list li::before,.video-btn,.video-play-btn.small-circle .play-video,.preloader .animation-preloader .txt-loading .letters-loading,.preloader .animation-preloader .txt-loading .letters-loading::before,header.header-1 .main-menu ul > li:hover > a,
header.header-3 .top-bar-3 .social-pages a:hover,header.header-3 .main-menu ul > li:hover > a,.call-us .icon,.page-banner-wrap a:hover,.breadcrumb-wrapper,.breadcrumb-wrapper a:hover,.breadcrumb-wrapper .breadcrumb .breadcrumb-item a,
.section-title h2 span
{
    color: #23ace3;
}
.circle-dots li button::before {
    border-color:  #23ace3;
}
.section-title > span {
    background: #23ace3;
    background: -webkit-gradient(linear, left top, right top, from(#23ace3), to(#256AD7));
    background: linear-gradient(to right, #23ace3, #256AD7);
    -webkit-background-clip: text;
    background-clip: text;
}

.section-title > span::before {
    background: #23ace3;
    background: -webkit-gradient(linear, left top, right top, from(#23ace3), to(#256AD7));
    background: linear-gradient(to right, #23ace3, #256AD7);
    -webkit-background-clip: text;
    background-clip: text;
}
.single-blog-item .post-featured-thumb::before{
    background: none;
}
.single-service-box .product-name {
    display: inline-block;
    padding: 10px 45px;
    background: #23ace3;
    color: #0D0D0F;
    border-radius: 4px;
}
.single-service-box h4 a,#scrollUp,.theme-btn,.theme-btn.no-fil:hover,.theme-btn.black ,.newsletter_widget .newsletter_box input,
.mobile-nav .sidebar-nav .metismenu a:hover,
.mobile-nav .sidebar-nav .metismenu a:focus,
.mobile-nav .sidebar-nav .metismenu a:active,.offset-menu .offset-menu-social-icon a:hover,.slide-dots li button:hover,.fun-fact-bar,.single-work-step.sp2 .circle-img span ,
.single-service-box h4 a,.service-details-contents .contents blockquote, .service-details-contents .contents .wp-block-quote,
.service-sidebar-wrapper .single-sidebar-widgets .services-category-link a,.single-project-card .plus-link:hover,.case-study-carousel-arrow div:hover,
.single-blog-item .post-featured-thumb .post-cat a,.single-news-box .featured-thumb .post-cat a,
.blog-wrapper .single-blog-post.post-details blockquote, .blog-wrapper .single-blog-post.post-details .wp-block-quote,
.blog-wrapper .single-blog-post .post-content .post-cat a,.main-sidebar .single-sidebar-widget .social-link a:hover,.page-nav-wrap ul li .page-numbers.current,.page-nav-wrap ul li .page-numbers:hover,
.contact-form input[type='submit'],
.contact-form .submit-btn ,.single-contact-card .top-part .icon

{
    background: #23ace3;
    color:#fff;
}
.service-sidebar-wrapper .help-line-card,.single-testimonial-card .client-img,.single-testimonial-card .client-img::before,.single-pricing-plan,
.single-team-member.active::before, .single-team-member:hover::before,.single-progress-bar .progress .progress-bar,.case-cat-filter button.active, .case-cat-filter button:hover,
.case-study-post-wrapper .case-details-content p:nth-child(1)::first-letter,.accordion .accordion-item button.accordion-button:not(.collapsed)::after,
.single-news-card:hover::before, .single-news-card.active::before,.search_widget form button:hover,p.sticky-label,.comment-form .submit-btn:hover,
.site_info_widget .single-contact-info:nth-child(2n) .icon,.request-a-quote-section::before,.request-quote-form-wrapper .request-quote-form input[type='submit'],
.request-quote-form-wrapper .request-quote-form .submit-btn,.contact-form input[type='submit'].active, .contact-form input[type='submit']:hover,
.contact-form .submit-btn.active,
.contact-form .submit-btn:hover,footer .footer-bottom {
    background: #23ace3;
}
.theme-btn.no-fil,.theme-btn.black,.single-testimonial-card:hover,.single-customer-review .client-info-card .img-wrapper .client-img ,
.request-quote-form-wrapper .request-quote-form input[type='checkbox'],
.request-quote-form-wrapper .request-quote-form input[type='radio'] {
    border-color: #23ace3;
}
.preloader .animation-preloader .spinner{
    border-top-color: #23ace3
}

.contact-img-wrapper::after {
    border-bottom-color: #23ace3
}
.newsletter_widget .newsletter_box button,.video-play-btn .play-video:hover,header .header-right-element .search-box form input,.breadcrumb-wrapper .breadcrumb .breadcrumb-item a:hover,
.offset-menu #offset-menu-close-btn:hover,.hero-2 .single-slide .hero-contents h2,.hero-3 .single-slide .hero-contents h1 span,.single-service-top-icon:hover h4 a:hover,
.single-team-member .member-info h4 a:hover,.single-team-card .member-info-card .member-social-net a:hover,.case-info-card .project-data .single-info-item .social-link a,
.faq-accordion-2 .accordion .accordion-item .accordion-header .accordion-button,.faq-accordion-2 .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed),
.single-news-card .contents .post-cat-date .post-cat a,.single-blog-item .content .post-meta .post-author a:hover,.site_info_widget .single-contact-info span,
.get-in-touch .single-contact-info .icon,.get-in-touch .single-contact-info .icon.id2,.get-in-touch .single-contact-info .icon.id3,.get-in-touch .single-contact-info .icon
{
    color: #23ace3;
}
.hero-1 .single-slide .hero-contents a{
    color:#fff!important
}
.single-service-box:hover .product-name {
    background: linear-gradient(93.01deg, #23ace3 7.72%, #256AD7 88.32%);
    color: #FFF;
}
.product-item .single-service-box{
    overflow: hidden
}
.product-item .single-service-box > *{
    transition: ease-out 0.3s all;
}
.product-item .single-service-box:hover > *{
    transform: scale(1.1);
}
.product-list-related{
    margin-top:1.5rem;
}
.product-list-related{
    border:1px solid #ededed;
    padding:1.5rem
}
.product-list-related .excerpt{
    white-space:pre-line
}
.product-list-related  .product-name:hover {
    color: #23ace3;
}

.best-services-wrapper-custom-1 .single-service-top-icon .icon img{
    width: 100%;
    height: 330px;
    object-fit: cover
}
.best-services-wrapper-custom-1 .single-service-top-icon::before{
    background:linear-gradient(135.01deg, #23ace3 -10.43%, #256ad7 100%)
}
.best-services-wrapper-custom-1 .single-service-top-icon .icon{
    width: 100%;
}
.best-services-wrapper-custom-1 .single-service-top-icon:hover .icon img{
    filter:none;
    -webkit-filter:none;
}
.grid-products .grid-item-product{
    border:1px solid #eaeaea;
}
.grid-products .grid-item-product .single-project-card:before{
    display: none
}
.grid-products .grid-item-product .category-name {
    display: inline-block;
    padding: 6px 15px;
    background: #fff;
    border:1px solid #23ace3;
    color: #23ace3;
    border-radius: 4px;
    font-weight: 500;
    transition: ease-in-out all 0.3s;
}
.grid-products .grid-item-product .category-name:hover{
    background: #23ace3;
    border-color:#23ace3;
    color: #fff;
}
.grid-products .grid-item-product .product-excerpt{
    white-space: pre-line
}
.single-service-box .icon img{
    height: 230px;
    object-fit: cover;
}
.icon{
    position:relative
}
.icon .video-play-btn{
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 3;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.header-1{
    position: fixed;
    width: 100%;
    top:50px;
}
.top-bar-wrapper {
    background-color: transparent;
    position: fixed;
    top:0;
    width: 100%;
    z-index: 3;
}
.top-bar-wrapper::before{
    background-color: transparent;
}
.top-left a{
    color:#fff
}
.top-right .social-pages a{
    color:#fff
}
header.header-1:not(.sticky) .main-menu ul > li > a{
    color:#ddd
}
header.header-1:not(.sticky) .main-menu ul > li > ul li a{
    color:#fff
}
header.header-1:not(.sticky) .main-menu ul > li:hover > a,header.header-1:not(.sticky) .main-menu > ul > li.active > a{
    color:#fff
}
footer.footer-1 .footer-widgets-wrapper{
    background:#027fb0;
    font-size: 14px;
}
footer .single-footer-wid .wid-title h3{
    position: relative;
    border-bottom:1px solid #dadada;
    margin-bottom: 0;padding-bottom: 15px;
    font-size:20px;
}
footer .single-footer-wid .wid-title h3:before{
    position: absolute;
    height: 3px;
    bottom: -2px;
    content: '';
    display: block;
    background: #fff;
    left: 0;
    width:20%;
    z-index: 0;
    transition: ease-out all 0.5s;
}
footer .single-footer-wid:hover .wid-title h3:before{
    width: 50%;
}
footer .single-footer-wid ul li a{
    margin-top: 0;font-size: 14px;
}
footer .single-footer-wid ul li{
    padding-bottom: 8px;
    padding-top:8px;
     border-bottom:1px solid rgba(80%, 80%, 80%, .3);
}
.get-in-touch .single-contact-info{
    clear:both;line-height: 1.8;
}
footer .get-in-touch .single-contact-info .icon,
footer .get-in-touch .single-contact-info .icon.id1,
footer .get-in-touch .single-contact-info .icon.id2,
footer .get-in-touch .single-contact-info .icon.id3{
    color:#fff;
}
footer .footer-bottom{
    background: #363C48
}
footer .footer-bottom .social-links a{
    color: #bacbdb;padding: 6px 15px; border-radius: 8px;margin-right:0;
}
footer .footer-bottom .bottom-content-wrapper{
    padding:0;
}
footer .footer-bottom .social-links a:hover{
    color:#fff;
}
footer .footer-bottom .social-links a.hover-bg-facebook:hover{
   background:#4267B2;
}
footer .footer-bottom .social-links a.hover-bg-twitter:hover{
   background:#1DA1F2;
}
footer .footer-bottom .social-links a.hover-bg-linkedin:hover{
   background:#0077b5;
}
footer .footer-bottom .social-links a.hover-bg-youtube:hover{
   background:#FF0000;
}
.footer-bottom-2{
    background: #027fb0;text-align: center;padding:2rem 0;
    font-size: 12px;color:#fff;
}
.footer-bottom-2 .footer-menu{
   display: inline-block;margin-bottom:1rem;
}
.footer-bottom-2 .footer-menu li{display: inline-block;padding:0 15px}
.footer-bottom-2 .footer-menu li .fa-angle-down,
.footer-bottom-2 .footer-menu li .sub-menu{display:none}
.footer-bottom-2 a{
   font-size: 12px;color:#fff; 
}
.modal-popup .modal-header{
    position: absolute;
z-index: 2;
width: 100%;
border-bottom: none;
}
.modal-popup .modal-body,.modal-popup .modal-body > .container{
    padding:0
}
.section-title h2{
    font-size: 32px;
}
.tiktok-shop{overflow-y: auto;max-height: 350px;}
.single-service-box h4 a{display: block;padding:10px 15px;}
.blog-wrapper .single-blog-post .post-content ol,
.blog-wrapper .single-blog-post .post-content ul,
.service-details-wrapper .product-content ol,
.service-details-wrapper .product-content ul{
    padding-left: 1rem;
}
.blog-wrapper .single-blog-post .post-content ol li,
.blog-wrapper .single-blog-post .post-content ul li,
.service-details-wrapper .product-content ol li,
.service-details-wrapper .product-content ul li{
    list-style: disc;
}
.page-banner-wrap{
    padding-top: 215px;
}
@media (max-width: 1300px) {
    .single-service-box h4 a{
        padding-left: 15px;
        padding-right: 15px;
    }
    .single-service-box .icon img{
        height: 180px;
    }
    .hero-1 .single-slide .slide-bg .content-slide{
        padding-top: 220px;
    }
}
@media (max-width: 1200px) {
    .hero-1 .single-slide .slide-bg .content-slide{
        padding-top: 180px;
        padding-bottom: 40px;
    }
    .hero-1 .single-slide h6{
        font-size: 14px;
    }
    .hero-1 .single-slide .hero-contents h1{
        font-size: 20px;
    }
    .hero-1 .single-slide .hero-contents p{
        font-size: 14px;
    }
    .hero-1 .single-slide .hero-contents a{
        padding-top:15px;
        padding-bottom: 15px;
        font-size: 14px;
    }
}
@media (max-width: 991px) {
    .section-title h2{
        font-size: 32px;
    }
    .single-project-card.single-product-card{
        height: 280px;
    }
    .grid-item-product .product-name{
        height: 54px;
    }
    #scrollUp{
        right:90px
    }
    .page-banner-wrap h1{
        font-size: 30px;
    }

}

@media (max-width: 767px){
    .page-banner-wrap {
        padding-top: 120px;
    }
    .section-title h2 {
        font-size: 18px;
      }
    .header-1{
        top:0
    }
    .hero-1 .single-slide .hero-contents h1 {
        font-size: 20px;
    }
    .hero-1 .single-slide .hero-contents p{
        font-size: 15px
    }
    .single-project-card.single-product-card{
        height: 240px;
    }
    .action-bar .call-us span{
        font-size:13px !important;
    }
    .action-bar .single-info-element span{
        font-size:12px !important;
    }
    .single-info-element .text h5{
        margin-top:0
    }
    .footer-1 .contact-info,footer .single-footer-wid ul li a,.about-quantech p{
        font-size: 14px;
    }
    .popover-body br{
        display: block;
    }
    .hero-1 .single-slide .slide-bg .content-slide{
        padding-top: 130px;
    }
    .about-images-video-popup img + img {
        margin-top: -40px;
      }
}