html, body{background:#fff;color:#4e4e4e;line-height:22px;font-size:100%;font-family: 'ClashDisplay-Regular';letter-spacing: 0.05rem;}
body::-webkit-scrollbar {width: 0.2em;}
body::-webkit-scrollbar-thumb {background: #45B8CA;}
@font-face{font-family:'ClashDisplay-Regular';src:url(../fonts/ClashDisplay-Regular.otf) format('truetype');}
@font-face{font-family:'ClashDisplay-Bold';src:url(../fonts/ClashDisplay-Bold.otf) format('truetype');}
h1, h2, h3, h4, h5, h6{color:#4e4e4e;font-weight: 400;}
a{color:#2C72B9;text-decoration:none;}
a:hover{transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;text-decoration:none!important;}
body > section{padding:60px 0;}
hr{border-top:1px solid #e5e5e5;border-bottom:1px solid white;}
.g-recaptcha{display:inline-block;}
#radioBtn .notActive{color:#3276b1;background-color:white;}
#google_translate_element{text-align:right;margin:0 2rem;}
.btn-custom{background:black;border:1px solid #45B8CA;border-radius:0;color:#45B8CA;}
.btn-custom:hover{background:white;color:white;border-radius:0;border:1px solid white;}
.seperator{height:1px;width:250px;background: #ccc;}
.seperator2{height:2px;width:80px;background: #45B8CA;margin-top: 1.2rem;}
/* cursor */
.cursor { position: fixed; top: 0; left: -100px;  overflow: visible; z-index: 1000; pointer-events: none; }
.cursor:after { content:''; position: absolute; top: 0; left: 0; width: 15px; height: 15px; background: #45B8CA; border-radius: 50%; transform: translate(-50%,-50%);-webkit-transition: opacity 0.3s ease;-moz-transition: opacity 0.3s ease;-ms-transition: opacity 0.3s ease;-o-transition: opacity 0.3s ease;transition: opacity 0.3s ease;}
.cursor:before { content:''; opacity: 0; position: absolute; top: 0; left: 0; width: 20px; height: 20px; border: 3px solid #45B8CA; border-radius: 50%; transform: translate(-50%,-50%);  -webkit-transition: opacity 0.3s ease;-moz-transition: opacity 0.3s ease;-ms-transition: opacity 0.3s ease;-o-transition: opacity 0.3s ease;transition: opacity 0.3s ease;}
.cursor.menu-open:after { background: #eee; }
.cursor.menu-open:before { border-color: #eee; }
.cursor.hover:after { opacity: 0; }
.cursor.hover:before { opacity: 1; }
/* scroll top button */
#button{display:inline-block;padding:.75rem;color:#fff;background: #45B8CA;width:50px;height:50px;text-align:center;position: fixed;bottom:130px;right:28px;transition:background-color .3s, opacity .5s, visibility .5s;opacity:0;visibility:hidden;z-index:1000;}
#button:hover{cursor:pointer;background-color:#fff;}
#button:active{background-color: #fff;}
#button.show{opacity:1;visibility: visible;}
/* end scroll top button */
.offcanvas{background: #fff!important;}
.offcanvas-header .btn-close{font-size: 3rem;background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2345B8CA'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;}
.alert{margin:0;border-radius:0;}
.input-group-text{background-color:#45B8CA;color:white;border:1px solid #45B8CA;}
.crumb{background: #45B8CA url("../img/images/crumb.jpg") no-repeat;background-size: cover;padding:6rem 0;color:#2f2c52;text-transform: capitalize;letter-spacing: 0.2rem;}
.crumb ul{padding:0;font-size:32px;font-family: 'ClashDisplay-Regular';padding: 4rem 0 0 0;text-align: center;text-transform: uppercase;}
.crumb h2{color: #fff!important;font-size: 3rem;line-height: 48px;margin:5rem 0 10px 0;letter-spacing: 1px;font-weight: 700;}
.crumb li{display:inline;font-size: 0.85rem;color: #fff;font-family: 'ClashDisplay-Bold';}
.crumb .fa{display:inline;font-size: 0.85rem;color: #fff;}
.crumb li a{color:#fff;}
.crumb li a:hover{color:#ceb486;-webkit-transition:all 0.25s ease;transition:all 0.25s ease;}
#header-area {color:#fff;}
.banner{background: #fff;border-bottom: 1px solid rgba(255, 255, 255, 0.2);box-shadow: 0.188em 0.25em 2.188em rgb(0 0 0 / 16%);}
.slider{font-family: 'ClashDisplay-Regular';}
.slider ul{padding:0;list-style:none;}
.slider .cover{position: absolute;top: 0;bottom: 0;left: 0;right: 0;}
.slider .tp-caption{visibility:hidden;opacity:0;}
.about h2{font-size: 2.4rem;color: #45B8CA;;font-family: "ClashDisplay-Bold";border-bottom: solid 1px #ccc;}
.about .content-wrap h3{font-size: 3rem;color: #060443;font-family: "ClashDisplay-Bold";}
.about .content-wrap .details{font-size: 1rem;color: #4D4D4D;font-family: "ClashDisplay-Regular";line-height: 1.6rem;letter-spacing: .05rem;}
.about .content-wrap h4{color: #060443;font-family: "ClashDisplay-Bold";font-size: 1.2rem;}
.about .content-wrap h4:hover{color: #45B8CA;}
.about .content-wrap .dot{color: #45B8CA;font-size: .6rem;}
.services{background: #060443;}
.services h2{color: #45B8CA;font-family: "ClashDisplay-Bold";font-size: 2.4rem;}
.services .content-wrap h3{font-size: 1.4rem;color: #fff;font-family: "ClashDisplay-Bold";}
.services .content-wrap h3:hover{color: #45B8CA;}
.services .content-wrap .details{font-size: 1rem;color: #e2e2e2;font-family: "ClashDisplay-Regular";line-height: 1.6rem;letter-spacing: .05rem;}
.services .content-wrap .readmore{color: #fff;font-family: "ClashDisplay-Bold";font-size: .95rem;}
.services .content-wrap .readmore:hover{color: #45B8CA;}
.services .content-wrap .readmore .dot{color: #45B8CA;font-size: .6rem;}
.services .img-service{height: 10rem;overflow: hidden;border-radius:1rem}
.services .img-service:hover{opacity: 0.6;}
.services .view h3{color: #45B8CA;font-family: "ClashDisplay-Bold";font-size: 2.4rem;}
.services .view .details{font-size: 1rem;color: #e2e2e2;font-family: "ClashDisplay-Regular";line-height: 1.6rem;letter-spacing: .05rem;}
.main-services .details{font-size: .95rem;color: #636C7E;font-family: "ClashDisplay-Regular";letter-spacing: .05rem;}
.main-services h2{font-size: 2.4rem;color: #060443;;font-family: "ClashDisplay-Bold";}
.main-services .full-height {height: 100%;object-fit: cover;}
.main-services .title {font-size: 1.2rem;color: #060443;font-family:'ClashDisplay-Bold';}
.main-services .title:hover{color: #45B8CA;}
.main-services .content-wrap{background: #fff;width: 70%;position: relative;margin-top: -7rem;}
.main-services .content-wrap .item-wrapper{border-left: solid 2px #45B8CA;}
.main-services .content-wrap .item-wrapper .readmore{color: #45B8CA;font-size: .85rem;font-family: "ClashDisplay-Regular";}
.main-services .content-wrap .item-wrapper .readmore:hover{color: #060443;}
.main-services .img-wrapper{overflow: hidden;}
.main-services .inner-img{transition: 0.3s;}
.main-services .inner-img:hover{transform: scale(1.1);}
.main-services .img-effect:hover{opacity: 0.8;}
.main-services .view .content-wrapper{background: #f4f4f4;}
.main-services .view .content-wrapper .content-details h3{font-size: 1.4rem;color: #060443;font-family:'ClashDisplay-Bold';}
.main-services .view .content-wrapper .content-details .details{font-size: .95rem;color: #7A8A9E;}
.main-services .view .content-wrapper .content-details h5{font-size: .95rem;color: #7A8A9E;border-bottom: solid 1px #dee2e6;}
.main-services .view .content-wrapper .content-details .bx-coffee,.bx-briefcase-alt-2,.bx-cog{color: #fff;background: #f86b0f;padding: .6rem;border-radius: 2rem;}
.main-services .view .more-details h2{color: #060443;font-size: 2rem;font-family:'ClashDisplay-Bold';text-transform: uppercase;}
.main-services .view .more-details .details{color: #7A8A9E;font-size: 1rem;line-height: 1.6rem;}
.main-services .view-services h3{font-size: 2rem;color: #060443;font-family: "ClashDisplay-Bold";}
.main-services .view-services .items .bx {color: #45B8CA;font-size: 2.4rem;transform: rotate(140deg);}
.main-services .view-services .items .readmore{color: #45B8CA;font-family: "ClashDisplay-Bold";font-size: .95rem;}
.team{background: #08BBD7;}
.team h2{font-size: 3rem;color:#060443;font-family: 'ClashDisplay-Bold'}
.team h5{font-size:.85rem;text-transform: uppercase;font-family: 'ClashDisplay-Regular';border-bottom: solid 1px #45B8CA;}
.team .team-wrap {position: relative;width: 100%;box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;}
.team .team-wrap:hover .overlay {width: 100%;}
.team .image {display: block;width: 100%;height: auto;}
.team .overlay {position: absolute;bottom: 0;left: 0;right: 0;background: #060443;overflow: hidden;width: 0;height: 100%;transition: .5s ease;}
.team .text {color: white;font-size: .95rem;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);white-space: nowrap;}
.team .text-2{color: white;margin-top: 32px;font-size: 14px;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);white-space: nowrap;font-family: "ClashDisplay-Regular";}
.team .readmore{color: #fff;font-family: "ClashDisplay-Bold";font-size: 1.4rem;}
.team .readmore:hover{color: #c5c5c5;}
.team .readmore .dot{color: #fff;font-size: .6rem;}
.team .view h3{font-size: 2rem;color: #060443;font-family: "ClashDisplay-Bold";}
.team .view h6{font-size: 1.4rem;color: #fff;font-family: "ClashDisplay-Bold";}
.team .view .details{font-size: 1rem;color: #fff;font-family: "ClashDisplay-Regular";letter-spacing: 0.05rem;}
.testimonial{background: #060443}
.testimonial .d-flex  h6{font-size: 2rem;color: #fff;font-family:'ClashDisplay-Bold';}
.testimonial h2{font-size: 4rem;color: #fff;line-height: 6.6rem;text-transform: uppercase;font-family:'ClashDisplay-Bold';margin-bottom: 1.5rem;}
.testimonials .testimonials-carousel,.testimonials .testimonials-slider {  overflow: hidden;}
.testimonials .testimonial-item {box-sizing: content-box;min-height: 320px;}
.testimonials .testimonial-item .testimonial-img {width: 90px;border-radius: 50%;margin: -40px 0 0 40px;position: relative;z-index: 2;border: 6px solid rgba(255, 255, 255, 0.12);}
.testimonials .testimonial-item h3 {font-size: .95rem;margin: 10px 0 5px 45px;color: #fff;font-family:'ClashDisplay-Regular';}
.testimonials .testimonial-item h4 {font-size: .85rem;color: #999;margin: 0 0 0 45px;font-family:'ClashDisplay-Regular';}
.testimonials .testimonial-item .quote-icon-left,.testimonials .testimonial-item .quote-icon-right {color: rgba(255, 255, 255, 0.25);font-size: 26px;}
.testimonials .testimonial-item .quote-icon-left {display: inline-block;left: -5px;position: relative;color:#45B8CA ;font-size: 2.4rem;}
.testimonials .testimonial-item .quote-icon-right {display: inline-block;right: -5px;position: relative;top: 10px;color:#45B8CA ;font-size: 2.4rem;}
.testimonials .testimonial-item p {margin: 0 15px 0 15px;padding: 20px 20px 60px 20px;background: #070473;position: relative;border-radius: 6px;position: relative;z-index: 1;color: #a8a8a8;font-family:'ClashDisplay-Regular';letter-spacing: 0.05rem;}
.testimonials .swiper-pagination { margin-top: 20px;position: relative;}
.testimonials .swiper-pagination .swiper-pagination-bullet {width: 12px;height: 12px;opacity: 1;background-color: rgba(255, 255, 255, 0.3);}
.testimonials .swiper-pagination .swiper-pagination-bullet-active {background-color: #45B8CA;}
.blog h6{font-size: 1rem;color: #45B8CA;}
.blog h1{font-size: 3rem;color: #060443;font-family:'ClashDisplay-Bold';}
.blog .post-item .blog-img{height: 250px;overflow: hidden;}
.blog .post-item{box-shadow: 0 0 10px 0 rgb(0 0 0 / 9%);}
.blog .post-date{color: #636C7E;font-size:.85rem;font-family:'ClashDisplay-Regular';}
.blog h4{font-size: .95rem;font-family: "ClashDisplay-Bold";line-height: 1.4rem;color: #060443;}
.blog h4:hover{color: #636C7E;}
.blog h5{color: #636C7E;font-size: .85rem;line-height: 1.2rem;}
.blog a{color: #060443;;font-size: .95rem;font-weight: 600;}
.blog a:hover{color: #45B8CA;}
.blog .blog-img:hover{opacity: 0.8;}
.blog .btn-info{background: #636C7E;color: #fff;padding: 2rem 4rem;}
.blog .btn-info:hover{background: #060443;color: #d1d0d0;}
.blog .view-blog h3{color: #060443;font-size: 2rem;font-family: "ClashDisplay-Bold";line-height: 2.6rem;}
.blog .view-blog .view-content .meta {background: #e9e9ef;font-size: .8rem;text-transform: capitalize;color: #060443;font-family:'ClashDisplay-Regular';}
.blog .view-blog .details{color: #636C7E;font-size: .95rem;}
.blog .recent-post h3{background:#45B8CA;color: #fff;font-size: 2rem;font-family: "ClashDisplay-Bold";line-height: 2.6rem;}
.blog .recent-post .img-view{height: 90px;overflow: hidden;}
.blog .recent-post h6{color: #060443;font-size: 1rem;font-family: "ClashDisplay-Bold";}
.blog .recent-post .meta{color: #999;font-size: .85rem;}
.clients h2{font-size: 3rem;color: #060443;font-family:'ClashDisplay-Bold';}
.clients .dot{color: #45B8CA;font-size: .8rem;}
.astherics{color: red;}
.contact h2{font-size:3rem;font-family:'ClashDisplay-Bold';color:#060443;text-transform:uppercase;}
.contact .fa{font-size: 3rem;color:#45B8CA;margin-bottom: .95rem;}
.contact h4{font-size:1.2rem;color: #999;}
.contact h5{font-size: .95rem;color: #999;}
.contact h3{font-size: 1.8rem;color: #060443;font-family:'ClashDisplay-Bold';}
.contact a{color:#333;}
.contact .phone{box-shadow: 0.188em 0.25em 2.188em rgb(0 0 0 / 16%); padding: 22px;}
.contact .form-control{border-radius:0!important;}
.contact .btn-primary{background:#060443;border-radius:0;color:white;padding: 25px 30px;}
.contact .btn-primary:hover{background:#45B8CA;}
.contact textarea{height:150px;}
.contact input, .contact textarea{border:1px solid #eaeaea;color:#100e24;border-radius:0;}
.contact .form-control{border-radius: 0px!important;font-size: 0.85rem;}
/*###################### PAGINATION ################################*/
.page-item.active .page-link{margin-top: .65rem;background: #45B8CA;border: #45B8CA;}
.pagination{background:none;border-radius:0;}
.pagination a{padding:10px 20px;text-decoration:none;color:#000;margin: .65rem .1rem!important;}
.pagination a:hover{background:none;color:white;}
.disabled{padding:10px 20px;color:white;background:none;margin-top: -.65rem!important;}
.current{background:#000;padding:10px 20px;text-decoration:none;color:white;}
/********************** End Pagination *****************************/
.footer{background:#060443;padding: 50px 0;}
.footer .item-wrap{padding:3rem;background: #fff;border-radius: 2rem;}
.footer .item-wrap .footer-info h5{font-size: 1.2rem;color: #070473;font-family:'ClashDisplay-Bold';}
.footer .item-wrap .footer-info h4{font-size: 1.6rem;color: #070473;font-family:'ClashDisplay-Bold';}
.footer .item-wrap .footer-info .icons{color: #070473;font-size: .85rem;text-transform: uppercase;font-family: "ClashDisplay-Bold";border: solid 1px #070473;padding: .85rem 1.2rem;}
.footer .item-wrap .footer-info .icons:hover{background: #45B8CA;border: solid 1px #45B8CA;}
.footer .item-wrap .footer-info .icons a{color: #070473}
.social-btn {text-transform: uppercase;display: inline-block;width: 100%;padding: 10px 0;background: #fff;color: #070473;text-align: center;border:1px #070473 solid;text-decoration: none;font-weight: bold;transition: background-color 0.3s ease;}
.social-btn:hover {background: #070473;text-decoration: none;color: #fff;}
.footer .dev{color: #fff;font-size: 0.85rem;font-family: "ClashDisplay-Regular";}
.footer .dev a{color: #45B8CA;}
/*sponsors slider*/
@keyframes slidein {from {transform: translate3d(0, 0, 0);}to {transform: translate3d(-100%, 0, 0);}}
@keyframes fade-in {0% {opacity: 0;}100% {opacity: 1;}}
@keyframes MoveUpDown {0%, 100% {bottom: 0;}50% {bottom: 100px;}}
@media only screen and (max-width:767px){
	body > section{padding:20px 0;}
	.navbar-dark .navbar-nav .nav-link{color: #060443!important;font-family: 'ClashDisplay-Bold'!important;}
	.crumb{padding: 1rem;}
	.crumb ul{padding: 0;}
	.about h2{font-size:1.2rem ;}
	.about .content-wrap h3,.services h2,.team h2{font-size: 1.6rem;}
	.about .img{display: none;}
	.services .img-service{margin-top: 2rem!important;}
	.team .readmore{font-size: 1rem;}
	.testimonial h2{line-height:0;font-size: 1.6rem;}
	.testimonial .d-flex h6,.main-services h2,.main-services .view-services h3{font-size: 1.2rem;}
	.main-services .title,.team .view h6{font-size: 1rem;}
	.main-services .details{font-size: .85rem;line-height: 1rem;}
	.main-services .view .content-wrapper .content-details .details{font-size: .85rem;letter-spacing: 0.05rem;}
	.main-services .view .content-wrapper .content-details h3{margin-top: 1rem;}
	.team .view h3,.blog .recent-post h3,.contact h2{font-size: 1.4rem;margin-top: 1rem;}
	.blog .view-blog h3,.clients h2{font-size: 1.4rem;line-height: 1.6rem;}
	.blog .view-blog .view-content .meta{font-size: .5rem;}
	.blog .recent-post .img-view{height: auto;}
	.blog .recent-post h6{margin-top: 1rem;}
	.footer .item-wrap{padding: 1rem;border-radius: 0;}
	.footer .col-sm-5{text-align: left!important;}
	
}