/***************************************************************************************************************
||||||||||||||||||||||||||       MASTER STYLESHEET FOR BRIGHTON          |||||||||||||||||||||||||||||||||||||||
****************************************************************************************************************
||||||||||||||||||||||||||                TABLE OF CONTENT               |||||||||||||||||||||||||||||||||||||||
****************************************************************************************************************
****************************************************************************************************************

01. Imported styles
02. Flaticon reset styles
03. Header styles
04. Mainmenu styles
05. Rev_slider_wrapper styles
66. Call to action area Style
07. Categories area style
08. Fact counter area style
09. Latest Blog area style
10. Latest blog area style 
11. Testimonial area style
12. Brand area style
13. Single service style
14. Pricing table area style
15. About page style
16. Account page style
17. 404 page style style
18. Blog page style
19. Blog single style
20. Contact page style

****************************************************************************************************************
||||||||||||||||||||||||||||            End TABLE OF CONTENT                ||||||||||||||||||||||||||||||||||||
****************************************************************************************************************/


/* Imported styles */
@import url('https://fonts.googleapis.com/css?family=Rubik:300,300i,400,400i,500,500i,700,700i,900');
@import url('https://fonts.googleapis.com/css?family=Poppins:300,300i,400,400i,500,500i,600,600i,700,700i,800');


@import url(imp.css);
@import url(bootstrap.css);
@import url(font-awesome.min.css);
@import url(hover.css);
@import url(jquery.bxslider.css);
@import url(slick.css);
@import url(owl.css);
@import url(owl.theme.default.css);
@import url(animate.min.css);
@import url(jquery.bootstrap-touchspin.css);
@import url('bootstrap-select.min.css');
@import url('imagehover.css');
@import url('circle.css');
@import url('icomoon.css');
@import url(../fonts/flaticon/flaticon.css);

/*** Price filter***/
@import url(../assets/price-filter/nouislider.css);
@import url(../assets/price-filter/nouislider.pips.css);
/*** single shop slide ***/
@import url(flexslider.css);
/*** Time picker css ***/
@import url(../assets/timepicker/timePicker.css);
/*** flaticon fonts css ***/
@import url(../fonts/flaticon/flaticon.css);
/*** jquery ui css ***/
@import url(../assets/jquery-ui-1.11.4/jquery-ui.css);
/*** Revolution slider ***/
@import url(../assets/revolution/css/settings.css);
@import url(../assets/revolution/css/layers.css);
@import url(../assets/revolution/css/navigation.css);
/*** Bootstrap select picker css ***/
@import url(../assets/bootstrap-sl-1.12.1/bootstrap-select.css);
/*** Language Switcher ***/
@import url(../assets/language-switcher/polyglot-language-switcher.css);
/*** Prettyphoto css ***/
@import url('prettyPhoto.css');





/*==============================================
   Base Css
===============================================*/
body::-webkit-scrollbar {
    width: 12px;
}
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.99);
}
body::-webkit-scrollbar-thumb {
  background-color: #090d31;
  outline: 1px solid slategrey;
}

html,
body { height: 100% }
body {
    font-family: 'Rubik', sans-serif;
    font-size: 16px;
    color: #808080;
    line-height: 26px;
    font-weight: 400;
}
button:focus{
    outline: none;
}
button {
    cursor: pointer;
    border: none;
    background: transparent;
    padding: 0;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    color: #0f1341;
    margin: 0;
}
h3 {
    font-size: 18px; 
    font-weight: 600;
    line-height: 28px;
}
h4 {

}
a,
a:hover,
a:active,
a:focus {
    text-decoration: none;
    outline: none;
    border: none;
}
img {
	max-width: 100%;
    height: auto;
}
i {
	font-style: normal;
}
ul,
li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.big-item {
  width: 40%;
  float: left;
}
.span-width-5 {
  width: 20%;
  float: left;
}


.sec-pd-one{
    padding: 80px 0;
}
.sec-pding-two{
    padding: 80px 0 40px;
}

.btn-one {
    color: #fefefe;
    font-size: 14px;
    line-height: 14px;
    font-weight: 700;
    display: inline-block;
    padding: 18px 40px 18px;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    transition: all 500ms ease;
    position: relative;
    border-radius: 0px;
}
.btn-one:hover{
    color: #ffffff;
    background: #0f1341;
    opacity: 0.90;
}
.btn-two {
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
    padding: 18px 30px 18px;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    transition: all 500ms ease;
    line-height: 14px;
    position: relative;
    background: #222222;
    color: #ffffff;
}
.btn-two:hover{
    opacity: 0.90;
    color: #fff;
}



.sec-title {
    position: relative;
    margin-top: -7px;
    padding-bottom: 50px;
}
.sec-title .title {
    display: block;
    color: #0f1341;
    font-size: 32px;
    line-height: 40px;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0;
    font-family: 'Poppins', sans-serif;
}
.sec-title .title.clr-white{
    color: #ffffff;
}
.sec-title .dector {
    width: 50px;
    height: 5px;
    position: relative;
    display: block;
    margin: 11px 0 0;
    border-radius: 3px;
}
.sec-title .dector.center {
    margin: 11px auto 0;      
}
.sec-title .dector.bg-white{
    background: #ffffff;
}

.parallax-bg-one {
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 1;
}
.parallax-bg-one::before {
    background: rgba(14, 18, 68, 0.95) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
} 

.parallax-bg-two {
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 1;
}
.parallax-bg-two::before {
    background: rgba(9, 23, 33, 0.90) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
} 

.flex-box {
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
}
.flex-box-two {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
}
.flex-box-three {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}
.flex-box-four {
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}
.flex-box-five {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

.owl-nav-style-one{}
.owl-nav-style-one .owl-controls { }
.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"] {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 50%;
    color: #909090;
    font-size: 24px;
    font-weight: 700;
    height: 50px;
    line-height: 46px;
    margin: 0 0 0 0px;
    padding: 0;
    width: 50px;
    border: 1px solid #f3f3f3;    
    transition: all 700ms ease 0s;
}
.owl-nav-style-one.owl-theme .owl-nav .owl-next {
    margin-left: 10px;
}
.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"]:hover{
    border-color: #172272;
    color: #172272;
}

.owl-nav-style-two{}
.owl-nav-style-two .owl-controls { }
.owl-nav-style-two.owl-theme .owl-nav [class*="owl-"] {
    background: #fff none repeat scroll 0 0;
    border-radius: 0%;
    color: #3740b0;
    font-size: 24px;
    font-weight: 700;
    height: 50px;
    line-height: 50px;
    margin: 0 0 0 0px;
    padding: 0;
    width: 50px;
    transition: all 700ms ease 0s;
}
.owl-nav-style-two.owl-theme .owl-nav .owl-next {
    margin-left: 0px;
}
.owl-nav-style-two.owl-theme .owl-nav [class*="owl-"]:hover{
    color: #ffffff;
    background: #3740b0;
}


.boxed_wrapper {
    background: #fff none repeat scroll 0 0;
    position: relative;
    margin: 0 auto;
    width: 100%;
    min-width: 320px;
    min-height: 400px;
    overflow: hidden;  
}

/* Update header Style */
@keyframes menu_sticky {
    0%   {margin-top:-100px;}
    50%  {margin-top: -74px;}
    100% {margin-top: 0;}
}
.header-area.stricky-fixed {
    position: fixed; 
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #ffffff;
    -moz-box-shadow: 0px 2px 3px #f2f2f2;
    -webkit-box-shadow: 0px 2px 3px #f2f2f2;
    box-shadow: 0px 2px 3px #f2f2f2;
    animation-name: menu_sticky;
    animation-duration: 0.60s;
    animation-timing-function: ease-out;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
.header-area.stricky-fixed .logo {
    padding: 19px 0;
}
.header-area.stricky-fixed .main-menu .navigation li a {
    padding: 10px 0px;
}
.header-area.stricky-fixed .main-menu .navigation li ul li a{
    padding: 15px 0px 15px;    
}
.header-area.stricky-fixed .main-menu .navigation li ul li:hover a{
    padding: 15px 15px 15px;    
}
.header-area.stricky-fixed .header-right {
    margin: 17px 0 17px;
}


/* scroll to top styles */
.scroll-to-top {
    border-radius: 5px;
    bottom: 88px;
    color: #ffffff;
    cursor: pointer;
    display: none;
    font-size: 35px;
    font-weight: normal;
    height: 55px;
    line-height: 52px;
    position: fixed;
    right: 15px;
    text-align: center;
    transition: all 500ms ease 0s;
    width: 55px;
    z-index: 99999999;
    -webkit-box-shadow: 0px 8px 23px -6px rgba(27,27,27,1);
    -moz-box-shadow: 0px 8px 23px -6px rgba(27,27,27,1);
    box-shadow: 0px 8px 23px -6px rgba(27,27,27,1);
}
.scroll-to-top:hover {
    opacity: .5;
}

/* Form validation styles */
input:focus,
textarea:focus,
select:focus {
    border-color: #43c3ea;
    outline: none;
}

#contact-form input[type="text"].error{
    border-color: red;    
}
#contact-form input[type="email"].error{
  border-color: red;    
}
#contact-form select.error {
  border-color: red;
}
#contact-form textarea.error{
  border-color: red;    
}


/* Post pagination styles */
.post-pagination li {
    display: inline-block;
    margin: 0 3px;
}
.post-pagination li a {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #f2f2f2;
    color: #848484;
    display: block;
    font-size: 18px;
    font-weight: 500;
    height: 50px;
    padding: 12px 0;
    transition: all 500ms ease 0s;
    width: 50px;
    font-family: 'Poppins', sans-serif;
    border-radius: 0px;
}
.post-pagination li.active a, 
.post-pagination li:hover a {
    background: #46c3e8;
    color: #ffffff;
    border: 1px solid #46c3e8;
}


/* Overlay styles */
.overlay-style-one{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    overflow: hidden;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    transition: all 500ms ease;
    background-color: rgba(14, 18, 68, 0.9);
}
.overlay-style-one .box{
    display: table;
    height: 100%;
    width: 100%;    
}
.overlay-style-one .box .content{
    display: table-cell;
    text-align: center;
    vertical-align: middle;    
}
.overlay-style-one .box .content a { }



.review-box {}
.review-box ul {}
.review-box ul li {
    display: inline-block;
    float: left;
    margin-right: 4px;
}
.review-box ul li:last-child{
    margin-right: 0px;    
}
.review-box ul li i {
  font-size: 12px;
}

.sociallinks-style-one{}
.sociallinks-style-one li{
    display: inline-block;
    float: left;
    margin-right: 15px;
}
.sociallinks-style-one li:last-child{
    margin-right: 0px;
}
.sociallinks-style-one li a i{
    color: #959595;
    font-size: 14px;
    transition: all 500ms ease;
}
.sociallinks-style-one li a:hover i{
    color: #172272;
}

.sociallinks-style-two{
    overflow: hidden;
}
.sociallinks-style-two li {
    display: inline-block;
    margin-right: 10px;
}
.sociallinks-style-two li:last-child{
    margin-right: 0px;    
}
.sociallinks-style-two li a i {
    border: 2px solid #e5e5e5;
    background: #e5e5e5;
    border-radius: 50%;
    color: #848484;
    font-size: 14px;
    height: 45px;
    line-height: 42px;
    padding: 0;
    text-align: center;
    transition: all 500ms ease 0s;
    width: 45px;
}
.sociallinks-style-two li a:hover i{
    background: #4eab27;
    border-color: #4eab27;
    color: #fff;
}



/*** 
===========================================
	Fancy Box
===========================================

***/
.fancybox-next span,
.fancybox-prev span{
	background-image:none !important;
	width:44px !important;
	height:44px !important;
	line-height:44px !important;
	text-align:center;
}
.fancybox-next span:before,
.fancybox-prev span:before{
	content:'';
	position:absolute;
	font-family: 'FontAwesome';
	left:0px;
	top:0px;
	font-size:12px;
	width:44px !important;
	height:44px !important;
	line-height:44px !important;
	background-color:rgba(28,28,28,0.40) !important;
	color:#ffffff;
	visibility:visible;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
}
.fancybox-next span:before{
	content:'\f178';
}
.fancybox-prev span:before{
	content:'\f177';
}
.fancybox-next:hover span:before,
.fancybox-prev:hover span:before{
	background-color:#ffffff !important;
	color:#000000;	
}
.fancybox-type-image .fancybox-close{
	right:0px;
	top:0px;
	width:45px;
	height:45px;
	background:url(../images/icon/icon-cross.png) center center no-repeat;
	background-color:rgba(17,17,17,0.50) !important;	
}
.fancybox-type-image .fancybox-close:hover{
	background-color:#000000 !important;	
}
.fancybox-type-image .fancybox-skin{
	padding:0px !important;	
}




/*==============================================
    Top bar Area Css
===============================================*/
.top-bar-area {
    position: relative;
    background: #0f1341;
    display: block;
    padding: 9px 0;
    z-index: 11;
}
.top-left-content {
    position: relative;
    display: block;
    max-width: 820px;
    width: 100%;
    margin: 5px 0;
}
.top-left-content p{
    color: #ffffff;
    font-size: 14px;
    line-height: 22px;
    margin: 0;
}
.top-left-content p span:before{
    font-size: 16px;
    line-height: 16px;
    display: inline-block;
    padding-right: 8px;
}
.top-left-content p a{
    transition: all 500ms ease;        
}
.top-left-content p a:hover{
    color: #ffffff;
}

.top-right-content{
    display: block;
    max-width: 270px;
    width: 100%;
}
.top-right-content .top-social-box {
    overflow: hidden;
    text-align:center;
    width: 100%;
}
.top-right-content .top-social-box ul {
    overflow: hidden;
    
    display: block;
    margin: 5px 0;
}
.top-right-content .top-social-box ul li {
    display: inline-block;
    
    margin-right: 15px;
    line-height: 22px;
}
.top-right-content .top-social-box ul li:last-child{
    margin-right: 0;
}
.top-right-content .top-social-box ul li a i{
    color: #ffffff;
    font-size: 14px;
    transition: all 500ms ease;    
}
.top-right-content .top-social-box ul li a:hover i{
    color: #46c3e8;
}



/*==============================================
    Header Area Css         box-shadow: 0px 2px 4px #ededed;
===============================================*/
.header-area {
    background: #ffffff;
    position: relative;
    z-index: 10;
}
.header-area .inner-content {}
.logo {
    display: block;
    padding: 27px 0;
    transition: all 500ms ease;
}
.logo a{
    display: inline-block;
}


.header-middle {
    margin-left: 65px;
}
.main-menu {
    float: left;
    position: relative;
}
.main-menu .navbar-collapse {
    padding: 0px
}
.main-menu .navigation {
    float: left;
    margin: 0;
    position: relative;
}
.main-menu .navigation li {
    float: left;
    margin-left: 50px;
    position: relative;
    padding-top: 25px;
    padding-bottom: 25px;
}
.main-menu .navigation li:first-child{
    margin-left: 60px;
}
.main-menu .navigation li:before{
    position: absolute;
    bottom: 25px;
    left: 0;
    right: 0;
    width: 30%;
    height: 2px;
    margin: 0 auto;
    background: #46c3e8;
    content: "";
    opacity: 0;
}
.main-menu .navigation li:hover:before,
.main-menu .navigation li.current:before{
    opacity: 1;    
}

.main-menu .navigation li a {
    position: relative;
    color: #0f1341;
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    text-transform: uppercase;
    opacity: 1;
    padding: 18px 0px;
    transition: all 300ms ease;
    font-family: 'Poppins', sans-serif;
}
.main-menu .navigation > li:hover > a, 
.main-menu .navigation > li.current > a {
    color: #46c3e8;
}
.main-menu .navigation li a:before {
    position: absolute;
    bottom: 0px;
    left: 0px;
    content: "";
    display: block;
    width: 0%;
    height: 2px;
    transition: all 300ms ease;
    text-align: center;
    opacity: 1;
    background: #46c3e8;
}
.main-menu .navigation li:hover a:before,
.main-menu .navigation li.current a:before{
    width: 30%;    
}
.main-menu .navigation li a:after {
    position: absolute;
    bottom: 0px;
    right: 0px;
    content: "";
    display: block;
    width: 0%;
    height: 2px;
    transition: all 300ms ease;
    text-align: center;
    opacity: 1;
    background: #46c3e8;
}
.main-menu .navigation li:hover a:after,
.main-menu .navigation li.current a:after{
    width: 30%;    
}
.main-menu .navigation li:hover > a:after,
.main-menu .navigation li.current > a:after,
.main-menu .navigation li.current-menu-item > a:after{
 
}

.main-menu .navigation > li > ul {
    position: absolute;
    left: 0px;
    top: 110%;
    width: 270px;
    background: #0f1341;
    padding: 0 20px;
    z-index: 100;
    visibility: hidden;
    opacity: 0;
    transition: all 500ms ease;
    display: block;
    border-bottom: 2px solid #46c3e8;
}
.main-menu .navigation > li:hover > ul {
    top: 90%;
    opacity: 1;
    visibility: visible;
}
.main-menu .navigation > li > ul > li {
    float: none;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
    display: block;
    transition: all 500ms ease;
}
.main-menu .navigation > li > ul > li:before{
    display: none;
}
.main-menu .navigation li ul li a {
    color: #c4c4c4;
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    position: relative;
    text-transform: capitalize;
    transition: all 500ms ease 0s;
    padding: 15px 0px 15px;
    font-family: 'Rubik', sans-serif;
    border-bottom: 1px solid rgba(255, 255, 255, 0.20);
}
.main-menu .navigation li ul li:last-child a{
    border-bottom: 1px solid transparent;
}
.main-menu .navigation li ul li a:before{
    display: none;
}
.main-menu .navigation li ul li a:after{
    display: none;
}
.main-menu .navigation > li > ul > li:hover > a {
    color: #46c3e8;
    padding: 15px 15px 15px;
    border-bottom: 1px solid #46c3e8;
}
.main-menu .navigation li ul li:hover:last-child a{
    border-bottom: 1px solid transparent;
}
.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn {
    position: absolute;
    right: 10px;
    top: 6px;
    width: 34px;
    height: 30px;
    border: 1px solid #ffffff;
    background: url(../images/icon/submenu-icon.png) center center no-repeat;
    background-size: 20px;
    cursor: pointer;
    z-index: 5;
    display: none;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    -moz-border-radius: 3px;
}

.header-right {
    overflow: hidden;
    display: block;
    transition: all 500ms ease;
    width: 260px;
    margin: 25px 0;
}
.outer-search-box {
    display: inline-block;
    float: left;
    margin: 12px 0;
}
.outer-search-box .seach-toggle {
    background: transparent;
    color: #222222;
    cursor: pointer;
    font-size: 16px;
    margin: 0;
    position: relative;
    text-align: center;
    transition: all 500ms ease;
    height: 25px;
    display: block;
    width: 30px;
}
.outer-search-box .seach-toggle:hover,
.outer-search-box .seach-toggle.active{
    color: #0f1341;
}
.search-box {
    background: #3740b0;
    opacity: 0;
    padding: 20px;
    position: absolute;
    right: 15px;
    top: 120%;
    transition: all 500ms ease 0s;
    visibility: hidden;
    z-index: 100;
}
.search-box.now-visible {
    top: 100%;
    opacity: 1;
    visibility: visible;
    z-index: 100;
}
.search-box .form-group{
    position:relative;
    padding:0px;
    margin:0px;
    width:100%;
    min-width:250px;
}
.search-box .form-group input[type="search"] {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #303443;
    color: #000;
    display: block;
    font-size: 13px;
    line-height: 24px;
    position: relative;
    transition: all 500ms ease 0s;
    width: 100%;
    height: 40px;
    padding-left: 15px;
    padding-right: 50px;
}
.search-box .form-group input[type="search"]:focus{
    border-color:#000;	
}
.search-box .form-group button, 
.search-box .form-group input[type="submit"] {
    background: #303443;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 13px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    transition: all 500ms ease 0s;
}
.search-box .form-group button:hover,
.search-box .form-group input:focus + button{
    color:#fff;
    background: #000;
}

.header-right .contact-us {
    width: 215px;
    float: right;
    border-left: 1px solid #f2f2f2;
    line-height: 24px;
    padding-left: 25px;
    display: inline-block;
}
.header-right .contact-us span{
    color: #808080;
    font-size: 14px;
}
.header-right .contact-us a{
    font-size: 18px;
    transition: all 500ms ease;
}
.header-right .contact-us a:hover{
    color: #808080;    
}



/*** 
====================================================================
	Main Slider style

====================================================================
***/
.rev_slider_wrapper {
    position: relative;
    z-index: 1;
}
.rev_slider_wrapper .tp-caption{
	z-index:5 !important;
}
.rev_slider_wrapper .tp-dottedoverlay{
	background:rgba(0, 0, 0, 0.01) !important;	
}
.rev_slider_wrapper .slide-content{
    position: relative;
    display: block;
}
.rev_slider_wrapper .slide-content .big-title{
	position: relative;
	font-weight: 400;
	font-size: 48px;
	color: #0f1341;
	line-height: 1.2em;
	font-family: 'Poppins', sans-serif;
}
.rev_slider_wrapper .slide-content .big-title.bold{
	font-weight: 700;
    text-transform: uppercase;
}
.rev_slider_wrapper .slide-content.right-slide .big-title.bold{
    margin-top: 3px;
}
.rev_slider_wrapper .slide-content .text{
	position: relative;
	font-size: 20px;
	font-weight: 400;
	color: #fff;
	line-height: 1.6em;
    font-family: 'Rubik', sans-serif;
    border-top: 1px solid rgba(151, 151, 151, 0.85);
    display: block;
    padding-top: 32px;
    padding-right: 50px;
}
.rev_slider_wrapper .slide-content .text a.readmore{
    transition: all 500ms ease;    
}
.rev_slider_wrapper .slide-content .text a.readmore:hover{
    color: #0f1341;
}
.rev_slider_wrapper .slide-content.right-slide .text{
    margin-top: 28px;
}
.rev_slider_wrapper .slide-content.right-slide .btns-box{
    margin-top: 31px;   
}
.tparrows {
    background: rgba(255, 255, 255, .65);
    height: 55px;
    width: 55px;
    border: 2px solid rgba(255, 255, 255, .70);
    cursor: pointer;
    display: block;
    position: absolute;
    z-index: 1000;
    transition: all 500ms ease;
    border-radius: 0px;
}
.tparrows:before{
    font-size: 18px; 
    font-weight: 700;
    color: #c0c0c0; 
    display: block; 
    line-height: 52px; 
    text-align: center;
    transition: all 500ms ease;
}
.tparrows:hover{
    background: #46c3e8;
    border-color: #46c3e8;
}
.tparrows:hover:before{
    color: #ffffff;    
}



/*** 
=============================================
    Call Toaction Area style
=============================================
***/
.call-toaction-area{
    position: relative;
    background: #f7f7f7;
}
.call-toaction-area ul {
    overflow: hidden;
    display: block;
    position: relative;
    top: -40px;
-moz-box-shadow: 0px 2px 2px #f2f2f2;
-webkit-box-shadow: 0px 2px 2px #f2f2f2;
box-shadow: 0px 2px 2px #f2f2f2;
    
}
.call-toaction-area ul li {
    position: relative;
    display: block;
    overflow: hidden;
    background: #ffffff;
    max-width: 425px;
    float: left;
    width: 100%;
    padding: 41px 30px 40px;
    padding-right: 0;
    border: 1px solid #f2f2f2;
    border-right: none;
    height: 135px;
    z-index: 1;
}
.call-toaction-area ul li:before{
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background: #0f1341;
    content: "";
    z-index: -1;
    transition: all 500ms ease;
    
}
.call-toaction-area ul li:hover:before{
    width: 100%;    
}
.call-toaction-area ul li:last-child{
    border-right: 1px solid #f2f2f2;
}
.call-toaction-area ul li .left-content{}
.call-toaction-area ul li .left-content .icon-holder{
    width: 60px;
}
.call-toaction-area ul li .left-content .icon-holder span:before{
    font-size: 40px;
    line-height: 40px;
}
.call-toaction-area ul li .left-content .icon-holder,
.call-toaction-area ul li .left-content .title-holder{
    display: table-cell;
    vertical-align: middle;
}
.call-toaction-area ul li .left-content .title-holder h3 {
    line-height: 22px;
    margin: 0 0 4px;
    transition: all 500ms ease;
    transition-delay: .5s;
}
.call-toaction-area ul li:hover .left-content .title-holder h3{
    color: #ffffff;
}
.call-toaction-area ul li .left-content .title-holder span{
    
}
.call-toaction-area ul li .right-content{}
.call-toaction-area ul li .right-content .read-more-button{
    position: relative;
    display: block;
    z-index: 1;
}
.call-toaction-area ul li .right-content .read-more-button:before {
    position: absolute;
    right: -40px;
    width: 0px;
    height: 150px;
    content: "";
    background: #152552;
    z-index: -1;
    border-radius: 50%;
    top: -50px;
    opacity: 0;
    transition: all 500ms ease;
    transition-delay: .5s;
}
.call-toaction-area ul li:hover .right-content .read-more-button:before{
    width: 150px;
    opacity: 1;
}
.call-toaction-area ul li .right-content .read-more-button .inner {
    position: relative;
    width: 80px;
    height: 80px;
    background: transparent;
    border-radius: 50%;
    text-align: center;
    z-index: 1;
}
.call-toaction-area ul li .right-content .read-more-button .inner:before {
    position: absolute;
    right: -5px;
    top: -14px;
    width: 0px;
    height: 80px;
    content: "";
    background: #1c3d68;
    z-index: -1;
    border-radius: 50%;
    opacity: 0;
    transition: all 500ms ease;
    transition-delay: .8s;
}
.call-toaction-area ul li:hover .right-content .read-more-button .inner:before{
    width: 80px;
    opacity: 1;
}
.call-toaction-area ul li .right-content .read-more-button a {
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 15px 0;
    margin-left: 7px;
}
.call-toaction-area ul li .right-content .read-more-button a span:before {
    color: #b5b5b5;
    font-size: 16px;
    line-height: 16px;
    transition: all 500ms ease;
    transition-delay: .9s;
}
.call-toaction-area ul li:hover .right-content .read-more-button a span:before{
    color: #46c3e8;    
}



/*** 
=============================================
    Services Area Style
=============================================
***/
.services-area{
    position: relative;
    background: #f7f7f7;
    z-index: 100;
}
.services-area:before{
    position: absolute;
    top: -40px;
    right: 0;
    width: 927px;
    height: 593px;
    content: "";
    background: url(../images/services/service-top-pattern.jpg);
    z-index: -1;
}
.services-area .pattern-bottom{
    position: absolute;
    bottom: 0;
    left: 0;
}
.single-service-item{
    position: relative;
    display: block;
    margin-bottom: 40px;
    transition: all 500ms ease;
    transition-delay: .9s;
}
.single-service-item:hover{
    -moz-box-shadow: 0px 2px 4px #d1d1d1;
    -webkit-box-shadow: 0px 2px 4px #d1d1d1;
    box-shadow: 0px 2px 4px #d1d1d1;    
}
.single-service-item .inner-content{
    position: relative;
}
.single-service-item .inner-content .img-holder{
    position: relative;
    display: block;
    overflow: hidden;
}
.single-service-item .inner-content .img-holder img{
    width: 100%;
}

.single-service-item .inner-content .title-holder{
    display: block;
    overflow: hidden;
    background: #0f1341;
    padding: 35px 40px 28px;
    padding-right: 0;
}
.single-service-item .inner-content .title-holder .icon{
    display: block;
    padding-bottom: 14px;
}
.single-service-item .inner-content .title-holder .icon span:before{
    font-size: 50px;
    line-height: 50px;
}
.single-service-item .inner-content .title-holder h3{
    color: #ffffff;
}

.single-service-item .overlay-content-top{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 60%;
    background: #0f1341;
    padding-top: 55px;
    padding-left: 40px;
    padding-right: 30px;
    opacity: 0;
    transition: all 500ms ease;
    transition-delay: .2s;
}
.single-service-item:hover .overlay-content-top{
    opacity: 1;
    height: 85%;
}
.single-service-item .overlay-content-top .title-holder{}
.single-service-item .overlay-content-top .title-holder .icon{
    display: block;
    padding-bottom: 14px;    
}
.single-service-item .overlay-content-top .title-holder .icon span:before{
    font-size: 50px;
    line-height: 50px;    
}
.single-service-item .overlay-content-top .title-holder h3{
    color: #ffffff; 
    margin: 0 0 16px;
}
.single-service-item .overlay-content-top .text-holder{}
.single-service-item .overlay-content-top .text-holder p{
    color: #c4c4c4;
    margin: 0;
}
.single-service-item .overlay-content-top .text-holder ul li i{
    color: #c4c4c4;
   margin: 0px;
    font-size: 10px;
}
.hygiene-text-holder ul li i{
    color: #46c3e8;
   margin: 0px 20px 0px 0px ;
    font-size: 10px;
}
.hygiene-text-holder ul li {
    color: #878787;
   margin: 0px;
 
}
.hygn-div{
    -webkit-box-shadow: 0px 0px 5px 2px rgba(222,219,222,1);
-moz-box-shadow: 0px 0px 5px 2px rgba(222,219,222,1);
box-shadow: 0px 0px 5px 2px rgba(222,219,222,1);
padding: 40px ;
margin: 40px 0px 40px 0px ;
min-height: 440px;
}
.hygn-div h4{
    margin: 0px 0px 0px 0px ;
    
}
.hygn-div p{
    margin: 20px 0px 0px 0px ;
    text-align: justify !important;
}
.chse-hygn h2{
     margin: 0px 0px 20px 0px ;
     font-size: 40px;
     text-align: center;
}
.chse-hygn h5{
     margin: 0px 0px 0px 0px ;
     font-size: 18px;
}
.chse-hygn p{
     margin: 0px 0px 20px 0px ;
     font-size: 15px;
}
.chse-hygn .dector {
    width: 50px;
    height: 5px;
    position: relative;
    display: block;
    margin: 11px auto ;
    border-radius: 3px;
    color: #000;

}
.g-tab{
    text-align: center;
    display: flex;
    justify-content: center;
    margin: 0px 0px 40px 0px;
}
.g-tab a{
    color: #000 !important;
    background: #46c3e8;
    border: 1px solid #8787873b !important;
}
.hygiene-section{
    padding: 60px 0px;
}
.chse-hygn-img img{
    align-items: center !important;
    justify-content: center !important;
    display: flex;
}
.service-page .hygiene-text-holder p{
    color: #878787;
   margin: 0px 0px 40px 0px ;
    
} 
.single-service-item .overlay-content-top .text-holder ul li {
    color: #c4c4c4;
   margin: 0px;
 
} 
.single-service-item .overlay-content-bottom{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%;
    background: #ffffff; 
    display: block;
    padding: 0 40px;
    opacity: 0;
    transition: all 500ms ease;
    transition-delay: .5s;
}
.single-service-item:hover .overlay-content-bottom{
    opacity: 1;
    height: 15%;
}
.single-service-item .overlay-content-bottom .read-more-button {
    display: table;
    width: 100%;
    height: 100%;
}
.single-service-item .overlay-content-bottom .read-more-button a {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    color: #222222;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
}
.single-service-item .overlay-content-bottom .read-more-button a span:before {
    color: #222222;
    font-size: 12px;
    display: inline-block;
    padding-left: 7px;
}



/*** 
=============================================
    Latest Project Area style
=============================================
***/
.latest-project-area {
    position: relative;
    padding-top: 90px;
    padding-bottom: 132px;
}
.latest-project-area .sec-title {
    position: relative;
    max-width: 270px;
    width: 100%;
    padding-top: 7px;
    padding-bottom: 60px;
}
.latest-project-area .sec-title:before{
    position: absolute;
    top: 7px;
    right: 0;
    width: 5px;
    height: 50px;
    border-radius: 3px;
    background: #46c3e8;
    content: "";
}
.latest-project-area .text{}
.latest-project-area .text p{
    margin: 0;
}

.single-project {
    position: relative;
    padding-bottom: 0px;
    margin-bottom: 10px;
}
.single-project:hover{
    box-shadow: 0px 4px 10px #f0f0f0; 
}
.single-project .img-holder{
    position: relative;
    display: block;
    overflow: hidden;
}
.single-project .img-holder img{
    transition: all 0.4s ease-in-out 0.5s;
    width: 100%;
    transform: scale(1.1, 1.1);    
}
.single-project:hover .img-holder img{
    -ms-transition-delay: 0s;
    transition-delay: 0s;
    transform: scale(1.2, 1.2);    
}
.single-project .top-overlay{
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 80%;
    background: rgba(14, 18, 68, 0.9);
    transition: .5s ease;
    
}
.single-project:hover .top-overlay{
    left: 0%;    
}
.single-project .top-overlay .title {
    display: table;
    width: 100%;
    height: 100%;
}
.single-project .top-overlay .title .box {
    display: table-cell;
    vertical-align: bottom;
    text-align: left;
    padding-left: 30px;
    padding-bottom: 24px;
}
.single-project .top-overlay .title .box h3{
    line-height: 24px;
}
.single-project .top-overlay .title .box h3 a{
    color: #ffffff;
    transition: all 500ms ease;
}
.single-project .top-overlay .title .box h3 a:hover{
    color: #46c3e8;
}
.single-project .bottom-overlay{
    position: absolute;
    bottom: 0;
    right: -100%;
    width: 100%;
    height: 20%;
    background: #ffffff; 
    transition: .5s ease;
}
.single-project:hover .bottom-overlay{
    right: 0%;    
}
.single-project .bottom-overlay .box{
    display: table;
    width: 100%;
    height: 100%;    
}
.single-project .bottom-overlay .box .read-more-button{
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    padding-left: 30px;
}
.single-project .bottom-overlay .box .read-more-button a{
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;  
    transition: all 500ms ease;
}
.single-project .bottom-overlay .box .read-more-button a:hover{
    color: #0f1341;
}
.single-project .bottom-overlay .box .read-more-button a span:before{
    font-size: 12px;
    display: inline-block;
    padding-left: 7px;    
}

.latest-project-area .owl-theme .owl-nav.disabled + .owl-dots {
    position: absolute;
    bottom: -55px;
    left: 0;
    right: 0;
    margin: 0;
}
.latest-project-area .owl-dots .owl-dot{
	background-image:none;
	width: 12px;
	height: 12px;
	margin: 5px 4px;
    border: 3px solid #d5d5d5;
	padding:0px;
    border-radius: 50%;
	background: #ffffff;
	transition: all 500ms ease;
	display: inline-block;
}
.latest-project-area .owl-dots .owl-dot span{
	display:none;	
}
.latest-project-area .owl-dots .owl-dot.active{
    border-color: #46a5e5;
}




/*** 
=============================================
    About Area style
=============================================
***/
.about-area {
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 1;
}
.about-area::before {
    background: rgba(247, 247, 247, 0.93) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
} 
.about-text{
    display: block;
    padding-top: 89px;
    padding-bottom: 90px;
}
.about-text .sec-title{
    padding-bottom: 34px;
}
.about-text .inner-content h2{
    color: #0f1341;
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
    margin: 0 0 14px;
}
.about-text .inner-content h2 span{
    font-weight: 700;
}
.about-text .inner-content p{}
.about-text .inner-content .bottom{
    display: block;
    overflow: hidden;
    margin-top: 25px;
}
.about-text .inner-content .bottom p{
    margin: 0;
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
}
.about-text .inner-content .bottom .signature{
    display: block;
    margin-top: 22px;
}

.about-right-box {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 90px 40px 76px;
    z-index: 1;
}
.about-right-box:before{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0f1341;
    opacity: .92;
    content: "";
    z-index: -1;
}
.about-right-box ul{}
.about-right-box ul li {
    display: block;
    overflow: hidden;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
    padding-bottom: 29px;
    margin-bottom: 30px;
}
.about-right-box ul li:last-child{
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}
.about-right-box ul li .left-content{
    display: block;
}
.about-right-box ul li .left-content .icon{
    width: 55px;
}
.about-right-box ul li .left-content .icon span:before{
    font-size: 55px;
    line-height: 55px;
}
.about-right-box ul li .left-content .icon,
.about-right-box ul li .left-content .title{
    display: table-cell;
    vertical-align: middle;
}
.about-right-box ul li .left-content .title{
    padding-left: 30px;
}
.about-right-box ul li .left-content .title h3{
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 1px;
}
.about-right-box ul li .left-content .title span{
    color: #c4c4c4;
}
.about-right-box ul li .right-content{}
.about-right-box ul li .right-content .title {
    display: block;
    margin-top: 3px;
}
.about-right-box ul li .right-content .title h1{
    color: #ffffff;
    font-size: 48px;
    font-weight: 600;
}



/*** 
=============================================
    Choosing Area style
=============================================
***/
.choosing-area{
    position: relative;
    background: #ffffff;
    padding-top: 90px;
    padding-bottom: 50px;
}
.single-choosing-item {
    position: relative;
    display: block;
    margin-bottom: 40px;
    border: 1px solid #f2f2f2;
    transition: all 0.6s ease-in-out 0.2s;
    padding: 40px 30px 40px;
}
.single-choosing-item:hover{
    transform: translate(0px, -10px);  
    border: 1px solid #46c3e8;
}

.single-choosing-item .top {
    display: block;
    overflow: hidden;
    padding-bottom: 22px;
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 25px;
}
.single-choosing-item .top .title-holder{}
.single-choosing-item .top .title-holder h3{
    
}
.single-choosing-item .top .icon-holder{}
.single-choosing-item .top .icon-holder span:before{
    color: #d5d5d5;
    font-size: 50px;
    line-height: 50px;
}

.single-choosing-item .text-holder{}
.single-choosing-item .text-holder p{
    margin: 0;
}
.single-choosing-item .text-holder a.readmore {
    background: #f7f7f7;
    display: block;
    text-align: center;
    margin-top: 22px;
    color: #0f1341;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    text-transform: uppercase;
    transition: all 0.6s ease-in-out 0.6s;
    font-family: 'Poppins', sans-serif;
}
.single-choosing-item:hover .text-holder a.readmore{
    background: #46c3e8;
    color: #ffffff;
}



/*** 
==========================================================
	Testimonials area Style
==========================================================
***/
.testimonial-area{
    padding-top: 90px;
    padding-bottom: 50px;  
}
.testimonial-area.parallax-bg-one:before{
    background: rgba(14, 18, 68, 0.95);    
}
.testimonial-area #particles-js {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    background-image: url("");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%; 
    z-index: -1;
}
canvas{
    display:block;
    vertical-align:bottom;
}
.testimonial-block-one{
    position: relative;
    display: block;
}
.testimonial-block-one .client-info{
    width: 320px;
}
.testimonial-block-one .client-info .img-box{
    width: 75px;
}
.testimonial-block-one .client-info .img-box img{
    border-radius: 50%;
}
.testimonial-block-one .client-info .img-box,
.testimonial-block-one .client-info .text-box{
    display: table-cell;
    vertical-align: middle;
}
.testimonial-block-one .client-info .text-box{
    padding-left: 20px;
}
.testimonial-block-one .client-info .text-box h3{
    color: #ffffff;
    margin: 0 0 4px;
}
.testimonial-block-one .client-info .text-box span{
    
}

.testimonial-block-one .client-info,
.testimonial-block-one .text-holder{
    display: table-cell;
    vertical-align: middle;
}
.testimonial-block-one .text-holder{
    border-left: 2px solid #3f4267;  
    padding-left: 65px;
}
.testimonial-block-one .text-holder .quote-icon{
    padding-bottom: 30px;
}
.testimonial-block-one .text-holder .quote-icon img{
    width: auto;
}
.testimonial-block-one .text-holder p{
    color: #ffffff;
    font-size: 24px;
    line-height: 38px;
    margin: 0;
}

.testimonial-block-one .read-more-button{
    display: block;
    margin-top: 21px;
}
.testimonial-block-one .read-more-button a{
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    transition: all 500ms ease;
}
.testimonial-block-one .read-more-button a span:before{
    font-size: 14px;
    line-height: 14px;
    display: inline-block;
    padding-left: 10px;
    position: relative;
    top: 1px;
}
.testimonial-block-one .read-more-button a:hover{
    color: #848484;
}
.testimonial-area .owl-theme .owl-nav.disabled + .owl-dots {
    position: relative;
    margin-top: 27px;
    margin-right: 338px;
}
.testimonial-area .owl-dots .owl-dot{
	background-image:none;
	width: 12px;
	height: 12px;
	margin: 5px 5px;
    border: 3px solid #3f4267;
	padding:0px;
	background: #0f1341;
	border-radius: 50%;
	transition: all 500ms ease;
	display: inline-block;
}
.testimonial-area .owl-dots .owl-dot span{
	display:none;	
}
.testimonial-area .owl-dots .owl-dot.active{
	background: #46c3e8;
    border-color: #46c3e8;
}

.brand {
    display: block;
    overflow: hidden;
}
.brand ul{
    overflow: hidden;
    display: block;
    border-top: 1px solid #30345b;
    padding-top: 60px;
    margin-top: 47px;
}
.brand ul li {
    display: inline-block;
    float: left;
    border-right: 1px solid #3f4267;
    max-width: 195px;
    width: 100%;
    text-align: center;
    margin-bottom: 40px;
}
.brand ul li:last-child{
    border-right: none;
}
.brand ul li a{
    display: inline-block;
}
.brand ul li a img{
    opacity: .2;
    transition: all 500ms ease;
}
.brand ul li a:hover img{
    opacity: 1;
}



/*** 
=============================================
    Latest blog Area style
=============================================
***/
.latest-blog-area {
    background: #ffffff;
    position: relative;
    display: block;
    padding-top: 90px;
    padding-bottom: 40px;
}
.single-blog-post {
    position: relative;
    overflow: hidden;
    display: block;
    margin-bottom: 40px;
    transition: all 500ms ease;
    transition: all 0.5s ease-in-out 0.6s;
}
.single-blog-post:hover{
    transform: translate(0px, -10px); 
    box-shadow: 0px 2px 4px #ededed;
}
.single-blog-post .img-holder{
    display: block;
    overflow: hidden;
    position: relative;     
}
.single-blog-post .img-holder img {
    transition: all 0.5s ease-in-out 0.6s;    
    width: 100%;
    transform: scale(1.1, 1.1);  
}
.single-blog-post:hover .img-holder img {
    transform: scale(1.2, 1.2);
}
.single-blog-post .img-holder .overlay-style-one {
    position: absolute;
    top: 30px;
    left: 30px;
    right: 30px;
    width: auto;
    bottom: 30px;
    height: auto;
    opacity: 1;
    background: #0f1341;
    transition: all 500ms ease;
    padding: 10px 25px 20px;
    transform: translate3d(0px, 111%, 0px);
}
.single-blog-post:hover .img-holder .overlay-style-one{
    transform: translate3d(0px, 0, 0px);
}
.single-blog-post .img-holder .overlay-style-one .box .content {}
.single-blog-post .img-holder .overlay-style-one .box .content p{
    color: #c4c4c4;
    margin: 15px;
}
.single-blog-post .img-holder .overlay-style-one .box .content a {
    font-size: 14px;
    color: #ffffff;
    font-weight: 700;
    text-transform: uppercase;
    transition: all 500ms ease;
    font-family: 'Poppins', sans-serif;
}
.single-blog-post .img-holder .overlay-style-one .box .content a span:before{
    font-size: 14px;
    line-height: 14px;
    display: inline-block;
    padding-left: 10px;
}
.single-blog-post .img-holder .overlay-style-one .box .content a:hover{
    color: #808080;
}

.single-blog-post .text-holder {
    display: block;
    text-align: center;
    transition: all 500ms ease;
    padding: 18px 20px 3px;
}
.single-blog-post .text-holder .blog-title {
    display: block;
    line-height: 28px;
    font-size: 18px;
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 17px;
    margin-bottom: 15px;
}
.single-blog-post .text-holder .blog-title a{
    color: #0f1341;
    transition: all 500ms ease;
}
.single-blog-post .text-holder .blog-title a:hover{
    color: #46c3e8;
}

.single-blog-post .text-holder .meta-box {
    display: block;
    overflow: hidden;
}
.single-blog-post .text-holder .meta-box .meta-info {
    overflow: hidden;
    padding-bottom: 11px;
}
.single-blog-post .text-holder .meta-box .meta-info li {
    display: inline-block;
    float: none;
    border-right: 1px solid #e9e9e9;
    padding-right: 10px;
    margin-right: 9px;
    line-height: 16px;
}
.single-blog-post .text-holder .meta-box .meta-info li:last-child{
    border-right: 0px solid #cfcfcf;
    padding-right: 0px;
    margin-right: 0px;    
}
.single-blog-post .text-holder .meta-box .meta-info li a{
    color: #808080;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    font-family: 'Rubik', sans-serif;
    transition: all 500ms ease;
    line-height: 16px;    
}
.single-blog-post .text-holder .meta-box .meta-info li a span:before{
    font-size: 14px;
    display: inline-block;
    padding-right: 10px;
}
.single-blog-post .text-holder .meta-box .meta-info li a:hover{
    color: #0b0e2f;
}



/*** 
=============================================
    Subscribe Form Area style
=============================================
***/
.subscribe-form-area{
    position: relative;
    display: block;
    padding-top: 38px;
    padding-bottom: 37px;
}
.subscribe-form-area .left-text{}
.subscribe-form-area .left-text .icon{
    width: 80px;
}
.subscribe-form-area .left-text .icon span:before{
    color: #ffffff;
    font-size: 50px;
    line-height: 50px;
}
.subscribe-form-area .left-text .icon,
.subscribe-form-area .left-text .text{
    display: table-cell;
    vertical-align: middle;
}
.subscribe-form-area .left-text .text{}
.subscribe-form-area .left-text .text p{
    color: #ffffff;
    font-weight: 500;
    margin: 0;
}

.subscribe-form-area .subscribe-form {
    display: block;
    margin: 2px 0;
}
.subscribe-form-area .subscribe-form form {
    position: relative;
    width: 100%;
}
.subscribe-form-area .subscribe-form form input[type=text] {
    background: #ffffff;
    border: 1px solid transparent;
    color: #808080;
    display: block;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    height: 50px;
    padding-left: 20px;
    padding-right: 15px;
    position: relative;
    -webkit-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;
    max-width: 480px;
    width: 100%;
    border-radius: 0;
}
.subscribe-form-area .subscribe-form form button {
    background: #ffffff none repeat scroll 0 0;
    display: block;
    height: 50px;
    padding: 10.5px 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    color: #222222;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    transition: all 500ms ease 0s;
    width: 170px;
}
.subscribe-form-area .subscribe-form form input[type=text]:focus {
    border-color: #0b0e2f;
    color: #000000;
}
.subscribe-form-area .subscribe-form form input[type=text]:focus + button, 
.subscribe-form-area .subscribe-form form button:hover {
    background: #0f1341 none repeat scroll 0 0;
    color: #ffffff;
}



/*** 
=============================================
    Footer Top area style
=============================================
***/
.footer-top-area {
    position: relative;
    background: #46c3e8;
    padding-top: 60px;
    padding-bottom: 30px;
    z-index: 1;
    -moz-box-shadow:inset 0px 3px 9px #40b3d6;
    -webkit-box-shadow:inset 0px 3px 9px #40b3d6;
    box-shadow:inset 0px 3px 9px #40b3d6;
}
.footer-top-area:before{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/pattern/footer-top-batternn.png);
    content: "";
    z-index: -1;
}
.footer-top-area .single-box{
    position: relative;
    display: block;
    overflow: hidden;
    background: #22bae7;
    text-align: center;
    padding: 40px 0 32px;
    margin-bottom: 30px;
    z-index: 1;
    min-height: 210px;
}
.footer-top-area .single-box.address-box:before{
    position: absolute;
    top: 30px;
    right: -30px;
    font-family: 'icomoon';
    content: "\e928";
    color: rgba(48, 48, 48, 0.07);
    font-size: 130px;
    line-height: 130px;
    z-index: -1;
}
.footer-top-area .single-box:after {
    position:  absolute;
    top:  0;
    left:  0;
    width:  0%;
    height:  100%;
    background: #0F1341;
    content:  "";
    z-index: -1;
    transition: all 500ms ease;
    transition-delay: .1s;
}
.footer-top-area .single-box:hover:after{
    width: 100%;    
}

.footer-top-area .single-box.phone-box:before{
    position: absolute;
    top: 30px;
    right: -30px;
    font-family: 'icomoon';
    content: "\e926";
    color: rgba(48, 48, 48, 0.07);
    font-size: 130px;
    line-height: 130px;
    z-index: -1;
}
.footer-top-area .single-box.email-box:before{
    position: absolute;
    top: 30px;
    right: -30px;
    font-family: 'icomoon';
    content: "\e927";
    color: rgba(48, 48, 48, 0.07);
    font-size: 130px;
    line-height: 130px;
    z-index: -1;
}
.footer-top-area .single-box.phone-box{

}
.footer-top-area .single-box .icon{
    margin-bottom: 10px;
}
.footer-top-area .single-box .icon span:before{
    color: #fff;
    font-size: 35px;
    line-height: 35px;
}
.footer-top-area .single-box .title{}
.footer-top-area .single-box .title h3{
    color: #ffffff;
    font-size: 20px;
    line-height: 26px;
    margin: 0 0 8px;
}
.footer-top-area .single-box .title p{
    color: #ffffff;
    margin: 0;
}
.footer-top-area .single-box .title a.ask-us{
    color: #fff;
    display: inline-block;
    margin-top: 11px;
}
.footer-top-area .single-box .title a.ask-us:hover{
    text-decoration: underline;    
}


/*** 
=============================================
    Footer area style
=============================================
***/
.footer-area {
    background: #0f1341;
    overflow: hidden;
    padding: 60px 0px;
}
.single-footer-widget {
    overflow: hidden;
}
.single-footer-widget .title {
    padding-bottom: 34px;
}
.single-footer-widget .title h3 {
    color: #ffffff;
    font-size: 20px;
    line-height: 20px;
    text-transform: capitalize;
}
.single-footer-widget .title .decor{
    width: 50px;
    height: 5px;
    margin: 17px 0 0;
    display: block;
    border-radius: 3px;
}

.single-footer-widget .our-info{
    overflow: hidden;
}
.single-footer-widget .our-info .footer-logo {
    display: block;
    margin-bottom: 33px;
}
.single-footer-widget .our-info .footer-logo a{
    display: inline-block;
}
.single-footer-widget .our-info .text{}
.single-footer-widget .our-info .text p {
    color: #ffffff;
    line-height: 28px;
    margin: 0;
}
.single-footer-widget .our-info .text .about-company{
    display: block;
    overflow: hidden;
    margin-top: 13px;
    margin-bottom: 24px;
    padding-bottom: 22px;
    border-bottom: 1px solid #30345b;
}
.single-footer-widget .our-info .text .about-company a{
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    transition: all 500ms ease;
}
.single-footer-widget .our-info .text .about-company a span:before{
    font-size: 14px;
    line-height: 14px;
    display: inline-block;
    padding-left: 10px;
    position: relative;
    top: 2px;
}
.single-footer-widget .our-info .text .about-company a:hover{
    color: #848484;  
}

.single-footer-widget .our-info .text .bottom{}
.single-footer-widget .our-info .text .bottom span{
    color: #fff;
    font-weight: 500;
}
.single-footer-widget .our-info .text .bottom p{
    color: #fff;
    margin: 1px 0 0;
}


.single-footer-widget .usefull-links {
    overflow: hidden;
    float: left;
}
.single-footer-widget .usefull-links.left{
    margin-right: 70px;
}
.single-footer-widget .usefull-links li{
    margin-bottom: 12px;
}
.single-footer-widget .usefull-links li:last-child{
    margin-bottom: 0px;
}
.single-footer-widget .usefull-links li a{
    position: relative;
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    transition: all 500ms ease;
}
.single-footer-widget .usefull-links li a:before{
    position: absolute;
    bottom: -6px;
    left: 0;
    width: 0px;
    height: 2px;
    background: #46c3e8;
    content: "";
    transition: all 500ms ease;
    transition-delay: .3s;
}
.single-footer-widget .usefull-links li a:hover:before{
    width: 20px;    
}
.single-footer-widget .usefull-links li a:hover{
    color: #46c3e8;
}

.single-footer-widget .recent-post{
    display: block;
    overflow: hidden;
    margin-top: -1px;
}
.single-footer-widget .recent-post li{
    display: block;
    border-bottom: 1px solid #30345b;
    padding-bottom: 11px;
    margin-bottom: 13px;
}
.single-footer-widget .recent-post li:last-child{
    border-bottom: 0px solid;
    padding-bottom: 0px;
    margin-bottom: 0px;    
}
.single-footer-widget .recent-post li span{
    font-size: 14px;
}
.single-footer-widget .recent-post li a {
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    line-height: 28px;
    font-family: 'Poppins', sans-serif;
    margin: 3px 0 0;
    display: inline-block;
    transition: all 700ms ease;
}
.single-footer-widget .recent-post li a:hover{
    color: #46c3e8;
}



/*** 
=============================================
    Footer bottom area style
=============================================
***/
.footer-bottom-area{
    background: #0b0e2f;
    padding: 22px 0;
}
.footer-area.pdtop-65{
    padding-top: 65px;
}
.footer-bottom-area .footer-bottom {
    overflow: hidden;
}
.footer-bottom-area .footer-bottom .copyright-text {
    margin: 0px 0;
}
.footer-bottom-area .footer-bottom .copyright-text p {
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    font-family: 'Poppins', sans-serif;
    line-height: 26px;

}
.footer-bottom-area .footer-bottom .copyright-text p a {
    font-weight: 500;
    transition: all 500ms ease;
}
.footer-bottom-area .footer-bottom .copyright-text p a:hover{
    color: #ffffff;
}

.footer-social-links{
    display: block;
}
.footer-social-links ul{
    overflow: hidden;
}
.footer-social-links ul li{
    display: inline-block;
    float: left;
    margin-right: 20px;
}
.footer-social-links ul li:last-child{
    margin-right: 0;
}
.footer-social-links ul li a{
    display: block;
    overflow: hidden;
    position: relative;
}
.footer-social-links ul li a i{
    color: #ffffff;
    font-size: 14px;
    transition: all 500ms ease;
}
.footer-social-links ul li a:hover i{
    color: #46c3e8;    
}



/*** 
=============================================
    Breadcrumb area style
=============================================
***/
.breadcrumb-area {
    background-attachment: scroll;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 47px;
    height: 300px;
    padding-bottom: 47px;
    position: relative;
    z-index: 1;
}
.breadcrumb-area::before {
    background: rgb(73 195 232 / 86%) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

.breadcrumb-area .title{}
.breadcrumb-area .title h1{
    padding: 50px 0px 0px 0px;
    color: #ffffff;
    font-size: 30px;
    font-weight: 600;
}

.breadcrumb-area .breadcrumb-menu{
    display: block;
}
.breadcrumb-area .breadcrumb-menu ul {
    overflow: hidden;
    margin: 5px 0;
}
.breadcrumb-area .breadcrumb-menu ul li{
    display: inline-block;
    margin-right: 6px;
    line-height: 26px;
    font-size: 16px;
    font-weight: 400;
    color: #ffffff;
    font-family: 'Rubik', sans-serif;
}
.breadcrumb-area .breadcrumb-menu ul li:last-child{
    margin-right: 0;
}
.breadcrumb-area .breadcrumb-menu ul li a{
    color: #ffffff;
    text-transform: capitalize;
    font-family: 'Rubik', sans-serif;
    transition: all 500ms ease;
}
.breadcrumb-area .breadcrumb-menu ul li.active{
    color: #fff; 
    font-weight: 500;
}
.breadcrumb-area .breadcrumb-menu ul li i{
    font-size: 16px;
    color: #ffffff;
}
.breadcrumb-area .breadcrumb-menu ul li a:hover{
    color: #0f1341;     
}



/*** 
=============================================
    Company Overview Area style
=============================================
***/
.company-overview-area{
    position: relative;
    padding-top: 80px;
    padding-bottom: 90px;
}
.company-overview-area .sec-title{
    max-width: 670px;
    margin: 0 auto;
    padding-bottom: 42px;
}
.company-overview-area .sec-title .bottom{
    display: block;
    margin-top: 23px;
}
.company-overview-area .sec-title .bottom p{
    font-size: 18px;
    line-height: 28px;
    color: #808080;
    margin: 0;
}
.company-overview-text{
    display: block;
    margin-right: 30px;
}
.company-overview-text .top{
    position: relative;
    display: block;
    padding-left: 70px;
    margin-bottom: 16px;
}
.company-overview-text .top:before {
    position: absolute;
    font-family: 'icomoon';
    top: 5px;
    left: 0;
    content: "\e924";
    color: #e9e9e9;
    font-size: 50px;
    line-height: 50px;
}
.company-overview-text .top h3{
    font-size: 20px;
    line-height: 30px;
}
.company-overview-text .text a {
    display: inline-block;
    margin: 21px 0 0;
}

.mission-vision-content{
    display: block;
    overflow: hidden;
    border: 1px solid #f2f2f2;
    margin-left: -30px;
}
.mission-vision-content .img-holder {

}
.mission-vision-content .img-holder img{
    width: 100%;
}
.mission-vision-content .text-holder{
    display: block;
    overflow: hidden;
    padding-bottom: 22px;
    padding-left: 30px;
    padding-right: 20px;
    padding-top: 20px;
}
.mission-vision-content .text-holder ul{
    overflow: hidden;
    display: block;
}
.mission-vision-content .text-holder ul li{
    width: 50%; 
    border-right: 1px solid #f2f2f2;
    float: left;
}
.mission-vision-content .text-holder ul li:first-child{
    padding-right: 20px;
}
.mission-vision-content .text-holder ul li:last-child{
    border-right: none;
    padding-left: 30px;
}
.mission-vision-content .text-holder ul li h3{
    font-size: 20px;
    display: block;
    margin: 0 0 12px;
}
.mission-vision-content .text-holder ul li p{
    margin: 0;
}



/*** 
=============================================
    Certificate Area style
=============================================
***/
.certificate-area{
    position: relative;
    background: #0f1341;
    padding-top: 90px;
    padding-bottom: 77px;
    z-index: 1;
}
.certificate-area:before{
    position: absolute;
    top: 0;
    left: 0;
    width: 614px;
    height: 404px;
    content: "";
    background: url(../images/pattern/certificate-pattern-bg.jpg);
    z-index: -1;
}
.single-certificate-box{
    display: block;
    position: relative;
}
.single-certificate-box .certificate{}
.single-certificate-box .certificate img{}
.single-certificate-box .text-holder{}
.single-certificate-box .text-holder h3{
    color: #ffffff;
    margin: 0 0 16px;
}
.single-certificate-box .text-holder p{
    color: #c4c4c4;
    margin: 0;
}
.certificate-area .owl-theme .owl-nav.disabled + .owl-dots{
    position: relative;
    margin-top: 45px;
}
.certificate-area .owl-dots .owl-dot{
	background-image:none;
	width: 12px;
	height: 12px;
	margin: 5px 5px;
    border: 3px solid #3f4267;
	padding:0px;
    border-radius: 50%;
	background: transparent;
	transition: all 500ms ease;
	display: inline-block;
}
.certificate-area .owl-dots .owl-dot span{
	display:none;	
}
.certificate-area .owl-dots .owl-dot.active{
    border-color: #46c3e8;
    background: #46c3e8;
}

/*** 
=============================================
    Faq Area style
=============================================
***/
.team-area.team-page{}
.team-area.team-page .single-team-member {
    width: 100%;
    background: #ffffff;
    border: 1px solid #f2f2f2;
    float: none;
}



/*** 
=============================================
    Blog area style
=============================================
***/
#blog-area{
    padding-top: 90px;
    padding-bottom: 90px;
}
#blog-area.blog-default-area{
    padding-bottom: 50px;
}



/*** 
=============================================
    Blog large Area style
=============================================
***/
.blog-large-area{}
.blog-large-area .blog-post {
    position: relative;
    display: block;
    z-index: 1;
}
.blog-large-area .blog-post:before {
    position: absolute;
    top: -90px;
    bottom: -90px;
    right: -30px;
    width: 1px;
    content: "";
    z-index: -1;
    border-left: 1px solid #f2f2f2;
}
.blog-large-area .single-blog-post {
    position: relative;
    margin-bottom: 40px;
}
.blog-large-area .single-blog-post .text-holder {
    padding-top: 22px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 3px;
    border: 1px solid #f2f2f2;
    background: #ffffff;
    text-align: left;
}
.blog-large-area .single-blog-post .text-holder .blog-title {
    font-size: 24px;
    line-height: 34px;
    margin: 0;
    padding: 0;
    border: none;
}
.blog-large-area .single-blog-post .text-holder .meta-box {
    display: block;
    overflow: hidden;
    border-top: 1px solid #f2f2f2;
    padding-top: 15px;
    margin-top: 21px;
    margin-left: -30px;
    margin-right: -30px;
    padding-left: 30px;
    padding-right: 30px;
}
.blog-large-area .single-blog-post .img-holder .overlay-style-one {
    position: absolute;
    top: auto;
    left: 30px;
    right: 30px;
    width: auto;
    bottom: 30px;
    height: auto;
    opacity: 1;
    background: #0f1341;
    transition: all 500ms ease;
    padding: 10px 25px 20px;
    transform: translate3d(0px, 111%, 0px);
}
.blog-large-area .single-blog-post:hover .img-holder .overlay-style-one{
    transform: translate3d(0px, 0, 0px);
}
.blog-large-area .single-blog-post .img-holder .overlay-style-one .box .content {
    text-align: left;
}
.blog-large-area .single-blog-post .img-holder .overlay-style-one .box .content a {
    margin-left: 15px;
}


#blog-area .sidebar-wrapper {
    position: relative;
    padding: 0;
    padding-left: 30px;
    border: none;
    box-shadow: none;
    z-index: 1;
}
.sidebar-wrapper .single-sidebar form.search-form {
    position: relative;
}
.sidebar-wrapper .single-sidebar .search-form input[type="text"] {
    background: #fff;
    border: 1px solid #f2f2f2;
    color: #ababab;
    display: block;
    font-size: 14px;
    font-weight: 400;
    height: 50px;
    letter-spacing: 1px;
    padding-left: 15px;
    padding-right: 55px;
    position: relative;
    -webkit-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;
    width: 100%;
}
.sidebar-wrapper .single-sidebar .search-form button {
    background: #0f1341 none repeat scroll 0 0;
    color: #ffffff;
    display: block;
    height: 50px;
    padding: 12px 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    -webkit-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;
    width: 50px;
}
.sidebar-wrapper .single-sidebar .search-form button i {
    font-size: 14px
}
.sidebar-wrapper .single-sidebar .search-form input[type="text"]:focus {
    border: 1px solid #222222;
    background: #fff;
    color: #000;
}
.sidebar-wrapper .single-sidebar .search-form input[type="text"]:focus + button, 
.sidebar-wrapper .single-sidebar .search-form button:hover {
    background: #222222 none repeat scroll 0 0;
    color: #fff;
}


.sidebar-wrapper .single-sidebar {
    overflow: hidden;
    margin-bottom: 50px;
    position: relative;
}
.sidebar-wrapper .single-sidebar.mar-btm0{
    margin-bottom: 0;
}
.sidebar-wrapper .single-sidebar .sec-title {
    overflow: hidden;
    padding-bottom: 26px;
    margin-top: -3px;
}
.sidebar-wrapper .single-sidebar .sec-title h3 {
    color: #0f1341;
    font-size: 20px;
    font-weight: 600;
    line-height: 22px;
    text-transform: capitalize;
}
.single-sidebar .categories {
    background: #fff;
    display: block;
    padding: 15px 20px 20px;
    border: 1px solid #f2f2f2;
    border-left: 1px solid #0f1341;
}
.single-sidebar .categories li {
    margin-bottom: 13px;
    padding-bottom: 13px;
    padding-left: 25px;
    position: relative;
}
.single-sidebar .categories li:before{
    position: absolute;
    bottom: 0;
    left: 0px;
    width: 70px;
    height: 1px;
    content: "";
    background: #f2f2f2; 
    transition: all 500ms ease;
}
.single-sidebar .categories li:last-child {
    margin-bottom: 0;
}
.single-sidebar .categories li:hover:before{
    width: 100%;
    background: #46c3e8;
}
.single-sidebar .categories li a {
    color: #808080;
    transition: all 500ms ease;
    font-size: 16px;
    font-weight: 400;
    position: relative;
}
.single-sidebar .categories li a:before {
    position: absolute;
    top: 6px;
    left: -25px;
    width: 8px;
    height: 8px;
    content: "";
    background: #e9e9e9;
    transition: all 500ms ease;
}
.single-sidebar .categories li a:hover::before{
    background: #46c3e8;
}
.single-sidebar .categories li a span{
    float: right;
}
.single-sidebar .categories li a:hover{
    color: #46c3e8;    
}


.single-sidebar.comment .sec-title {
    padding-bottom: 38px;
}
.single-sidebar .comment-box {}
.single-sidebar .comment-box .single-item{
    position: relative;
    display: block;
}
.single-sidebar .comment-box .single-item.mar-top {
    margin-top: 42px;
}
.single-sidebar .comment-box .single-item .date-box{
    position: absolute;
    top: -12px;
    left: 20px;
    width: 130px;
    height: 25px;
    background: #f7f7f7;
    display: block;
    z-index: 2;
}
.single-sidebar .comment-box .single-item .date-box p {
    color: #0f1341;
    font-size: 14px;
    text-align: center;
    margin: 0;
    line-height: 25px;
}
.single-sidebar .comment-box .single-item .single-box {
    overflow: hidden;
    display: block;
    position: relative;
    border: 1px solid #f2f2f2;
    padding: 32px 20px 20px;
}
.single-sidebar .comment-box .single-item .single-box .left-content{
    position: relative;
    display: block;
}
.single-sidebar .comment-box .single-item .single-box .left-content .inner-content {
    padding-left: 65px;
    position: relative;
    min-height: 50px;
}
.single-sidebar .comment-box .single-item .single-box .left-content .inner-content .img-holder {
    display: block;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0px;
    width: 50px;
    height: auto;
}
.single-sidebar .comment-box .single-item .single-box .left-content .inner-content .img-holder img {
    transition: all 0.4s ease-in-out 0.5s;    
    width: 100%;
    transform: scale(1.1, 1.1);      
}
.single-sidebar .comment-box .single-item .single-box:hover .left-content .inner-content .img-holder img {
    -ms-transition-delay: 0s;
    transition-delay: 0s;
    transform: scale(1.2, 1.2);    
}
.single-sidebar .comment-box .single-box .img-holder .overlay-style-one .box .content a i{
    color: #fff;
    font-size: 14px;
    transition: all 500ms ease;
}
.single-sidebar .comment-box .single-box:hover .img-holder .overlay-style-one{
    filter: alpha(opacity=100);
    opacity: 1;
}
.single-sidebar .comment-box .single-box .img-holder .overlay-style-one .box .content a:hover i{
    color: #0a1821;
}
.single-sidebar .comment-box .single-box .left-content .inner-content .title-holder {
    display: block;
}
.single-sidebar .comment-box .single-box .left-content .inner-content .title-holder h5{
    color: #0f1341;
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 9px;
}
.single-sidebar .comment-box .single-box .left-content .inner-content .title-holder p{
    color: #808080;
    line-height: 20px;
    margin: 0;
}
.single-sidebar .comment-box .single-box .right-content{}
.single-sidebar .comment-box .single-box .right-content .read-comment {
    display: block;
    margin: 11px 0px;
}
.single-sidebar .comment-box .single-box .right-content .read-comment a {
    display: inline-block;
}
.single-sidebar .comment-box .single-box .right-content .read-comment a span:before {
    color: #0f1341;
    font-size: 20px;
    line-height: 20px;
    transition: all 500ms ease;
    font-weight: 500;
}
.single-sidebar .comment-box .single-box .right-content .read-comment a:hover span:before{
    color: #000000;    
}


.single-sidebar .popular-post {}
.single-sidebar .popular-post li {
    margin-bottom: 20px;
    padding-bottom: 20px;
    padding-left: 90px;
    position: relative;
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 0px;
    height: 110px;
}
.single-sidebar .popular-post li:last-child{
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.single-sidebar .popular-post li .img-holder {
    display: block;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0px;
    width: 90px;
    height: auto;
}
.single-sidebar .popular-post li .img-holder img {
    transition: all 0.4s ease-in-out 0.5s;    
    width: 100%;
    transform: scale(1.1, 1.1);      
}
.single-sidebar .popular-post li:hover .img-holder img {
    -ms-transition-delay: 0s;
    transition-delay: 0s;
    transform: scale(1.2, 1.2);    
}
.single-sidebar .popular-post li .img-holder .overlay-style-one .box .content a i{
    color: #fff;
    font-size: 16px;
    transition: all 500ms ease;
}
.single-sidebar .popular-post li:hover .img-holder .overlay-style-one{
    filter: alpha(opacity=100);
    opacity: 1;
}
.single-sidebar .popular-post li .img-holder .overlay-style-one .box .content a:hover i{
    color: #000000;
}
.single-sidebar .popular-post li .title-holder {
    padding-left: 20px;
}
.single-sidebar .popular-post li .title-holder a .post-title {
    color: #0f1341;
    font-size: 16px;
    line-height: 26px;
    font-weight: 600;
    position: relative;
    margin: 0 0 10px;
    transition: all 500ms ease;
}
.single-sidebar .popular-post li .title-holder a:hover .post-title{
    color: #46c3e8;
}
.single-sidebar .popular-post li .title-holder .post-date {
    color: #808080;
    display: block;
    transition: all 500ms ease;
    font-weight: 400;
    font-size: 15px;
    font-family: 'Rubik', sans-serif;
}
.single-sidebar .popular-post li .title-holder .post-date i {
    font-size: 13px;
    display: inline-block;
    padding-right: 5px;
    color: #46c3e8;
}

.single-sidebar .popular-tag {
    margin-left: -3px;
    margin-right: -3px;
    margin-top: -5px;
}
.single-sidebar .popular-tag li {
    display: inline-block;
    margin: 0 3px 10px;
}
.single-sidebar .popular-tag li a {
    border: 1px solid #f0f0f0;
    color: #808080;
    display: block;
    font-size: 16px;
    font-weight: 400;
    padding: 4px 12px 4px;
    transition: all 500ms ease 0s;
    border-radius: 2px;
}
.single-sidebar .popular-tag li a:hover{
    background: #0f1341;
    border-color: #0f1341;
    color: #ffffff;
}




/*** 
=============================================
    Testimonial page style
=============================================
***/

/*** 
=============================================
    Service page Area style
=============================================
***/
.services-area.service-page{
    background: #ffffff;
    z-index: 1;
}
.services-area.service-page:before {
    display: none;
}



/*** 
=============================================
    How work Area style
=============================================
***/
.how-work-area{
    padding-top: 90px;
    padding-bottom: 50px;
    background: #f7f7f7;
}
.how-work-area .work-box{
    display: block;
}
.how-work-area .work-box .single-box {
    display: inline-block;
    float: left;
    max-width: 390px;
    width: 100%;
    border-right: 1px solid #e9e9e9;
    padding: 0 15px;
    margin-bottom: 40px;
}
.how-work-area .work-box .single-box:last-child{
    border-right: none;    
}
.how-work-area .single-box .icon-holder {
    position: relative;
    display: block;
    margin-bottom: 14px;
}
.how-work-area .single-box .icon-holder span:before{
    color: #e6e6e6;
    font-size: 80px;
    line-height: 80px;
    font-weight: 100;
}
.how-work-area .single-box .icon-holder .overlay-title{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
.how-work-area .single-box .icon-holder .overlay-title h3 {
    margin: 25px 0;
}
.how-work-area .single-box .text-holder{}
.how-work-area .single-box .text-holder p{
    margin: 0;
}


/*** 
=============================================
   Gallery-page
=============================================
***/
.gallery{
  padding: 90px 0px 40px 0px;
  position: relative;
}
.portfoliopic{
  overflow: hidden;
  position: relative;
  margin: 10px 0px 10px 0px;
  background: rgba(70, 195, 232, 1);
}
.portfoliopic img{
  position: relative;
  display: block;
  min-height: 100%;
  max-width: 100%;
  opacity: 0.5;
}
.portfoliopic .pic-all{
  padding: 2em;
  text-transform: uppercase;
  font-size: 1.25em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.portfoliopic .pic-all::before,
.portfoliopic .pic-all::after {
  pointer-events: none;
}
.portfoliopic .pic-all,
.portfoliopic .pic-all  a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.portfoliopic .pic-all  a {
  z-index: 1000;
  text-indent: 200%;
  white-space: nowrap;
  font-size: 0;
  opacity: 0;
}
.portfoliopic  h2 {
  word-spacing: -0.15em;
  font-weight: 400;
  font-size: 27px;
 color:#fff /* #0f1341;*/
}

.portfoliopic  h2 span {
  font-weight: 800;
}

.portfoliopic  h2,
.portfoliopic  p {
  margin: 0;
}

.portfoliopic  p {
  letter-spacing: 1px;
  font-size: 68.5%;
}
.portfoliopic img {
  max-width: none;
  width: -webkit-calc(100% + 50px);
  width: calc(100% + 50px);
  opacity: 0.7;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-40px,0, 0);
  transform: translate3d(-40px,0,0);
}
.portfoliopic .pic-all  {
  text-align: left;
}
.portfoliopic .pic-details {
  position: absolute;
  bottom: 17px;
  left: 0;
  padding: 2em;
  width: 100%;
  height: 50%;
}
.portfoliopic h2,
.portfoliopic p {
  -webkit-transform: translate3d(0,40px,0);
  transform: translate3d(0,40px,0);
}
.portfoliopic h2 {
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
}
.portfoliopic p {
  color: var(--color-default);
  background-color: var(--hover-primary);
  border-radius: 20px;
  padding: 5px 7px 5px 7px;
  opacity: 0;
  -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
  transition: opacity 0.2s, transform 0.35s;
}
.portfoliopic:hover img,
.portfoliopic:hover p {
  opacity: 1;
}
.portfoliopic:hover img,
.portfoliopic:hover h2,
.portfoliopic:hover p {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}
.portfoliopic:hover p {
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
}


/*** 
=============================================
    Core value area style
=============================================
***/
.core-value-area{
    position: relative;
    padding-top: 90px;
    padding-bottom: 90px; 
    z-index: 1;
}
.core-value-area:before{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/pattern/core-value-pattern-bg.jpg);
    content: "";
    z-index: -1;
}

.core-value-area .top{
    display: block;
    padding-bottom: 45px;
}
.core-value-area .sec-title {
    position: relative;
    float: left;
    max-width: 295px;
    width: 100%;
    padding-top: 7px;
    padding-bottom: 0;
}
.core-value-area .sec-title:before{
    position: absolute;
    top: 7px;
    right: 0;
    width: 5px;
    height: 50px;
    border-radius: 3px;
    background: #46c3e8;
    content: "";
}
.core-value-area .text {
    float: left;
    max-width: 630px;
    width: 100%;
    padding-left: 30px;
}
.core-value-area .text p{
    margin: 0;
}

.core-value-content{
    max-width: 1070px;
    margin: 0 auto;
}
.core-value-content .single-item{
    max-width: 970px;
    margin: 0 auto 76px;;
}

.core-value-content .single-item .icon-holder{
    max-width: 300px;
    width: 100%;
}
.core-value-content .single-item .icon-holder.right{}
.core-value-content .single-item .icon-holder.right span:before{
    float: right;
}
.core-value-content .single-item .icon-holder span:before {
    width: 170px;
    height: 162px;
    background: url(../images/icon/core-value-icon-bg.png);
    font-size: 80px;
    line-height: 80px;
    display: block;
    text-align: center;
    padding: 42px 0;
    font-weight: 100;
    margin: 20px 0;
}
.core-value-content .single-item .text-holder{
    max-width: 670px;
    width: 100%;
}
.core-value-content .single-item .text-holder.right{
    text-align: right;
}
.core-value-content .single-item .text-holder h2{
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
    margin: 0 0 17px;
}
.core-value-content .single-item .text-holder p{
    margin: 0;
}
.core-value-content .single-item .text-holder .read-more-button{
    display: block;
    margin-top: 24px;
}
.core-value-content .single-item .text-holder .read-more-button a{
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;  
    transition: all 500ms ease;    
}
.core-value-content .single-item .text-holder .read-more-button a:hover{
    color: #000000;
}
.core-value-content .single-item .text-holder .read-more-button a span:before{
    font-size: 12px;
    display: inline-block;
    padding-left: 7px;        
}

.core-value-content {
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: 490px;
}
/* Let's get this party started */
.core-value-content ::-webkit-scrollbar {
    width: 22px;
}
.core-value-content ::-webkit-scrollbar-thumb {
    background: red; 
    border-radius: 10px;
}



/*** 
=============================================
    Our History css style
=============================================
***/
.our-history {
    background: #F7F7F7;
    position: relative;
    display: block;
    padding-top: 95px;
    padding-bottom: 90px;
    z-index: 1;
}
.our-history .bg-image {
    position: absolute;
    top: 355px;
    left: 0;
    width: auto;
    height: auto;
    opacity: .07;
    z-index: -1;
}
.our-history:before{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 355px;
    background: url(../images/history/history-bg-top.jpg);
    content: "";
}
.our-history .thumb-box.style2 {
    position: relative;
    text-align: center;
    min-height: 90px;
    max-width: 970px;
    margin: 0 auto;
    z-index: 100;
}
.our-history .thumb-box.style2:before {
    position: absolute;
    content: "";
    left: 0;
    top: 27px;
    width: 100%;
    z-index: 0;
    border-bottom: 1px solid #30345b;
}

.our-history .thumb-box.style2 li {
    display: inline-block;
    padding-top: 15px;
    padding-right: 5px;
    padding-left: 5px;
    margin: 0 0px;
    margin-bottom: 25px;
}
.our-history .thumb-box.style2 li a {
    background: url(../images/history/history-bg-top.jpg);
    position: relative;
    font-size: 36px;
    color: #353756;
    font-weight: 400;
    padding: 0 22px;
    transition: all 500ms ease;
}
.our-history .thumb-box.style2 li a.active {
    font-size: 62px;
    color: #ffffff;
}

.our-history .bx-wrapper {
    position: relative;
    max-width: 570px !important;
    width: 100%;
    margin: 0 auto;
}
.our-history .bx-wrapper .bx-viewport {
    box-shadow: none;
    border: none;
    left: 0;
    background: #fff;
    transform: translatez(0);
}

.our-history .single-box{}
.our-history .single-box .img-holder{}
.our-history .single-box .img-holder img{}
.our-history .single-box .text-holder{
    display: block;
    padding: 25px 30px 22px;
    border: 1px solid #f2f2f2;
}
.our-history .single-box .text-holder p{
    margin: 0;
}
.our-history .single-box .text-holder p span{
    color: #0f1341;
    font-size: 18px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
}

.our-history .nav-link {
    display: block;
    padding: 0;
    max-width: 735px;
    margin: 0 auto;
}
.our-history .nav-link li#slider-prev {
    position: absolute;
    top: 50%;
    margin-top: -35px;
}
.our-history .nav-link li#slider-prev a i {
    width: 42px;
    height: 42px;
    background: #fff;
    color: #46c3e8;
    font-size: 25px;
    line-height: 42px;
    text-align: center;
    border-radius: 50%;
    box-shadow: 0px 2px 4px #ededed;
    transition: all 500ms ease;
}
.our-history .nav-link li#slider-prev a:hover i{
    background: #46c3e8;
    color: #ffffff;
}
.our-history .nav-link li#slider-next {
    position: absolute;
    right: 232px;
    top: 50%;
    margin-top: -35px;
}
.our-history .nav-link li#slider-next a i{
    width: 42px;
    height: 42px;
    background: #fff;
    color: #46c3e8;
    font-size: 25px;
    line-height: 42px;
    text-align: center;
    border-radius: 50%;
    box-shadow: 0px 2px 4px #ededed; 
    transition: all 500ms ease;
}
.our-history .nav-link li#slider-next a:hover i{
    background: #46c3e8;
    color: #ffffff;    
}

.our-history .owl-theme .owl-nav {
    position: absolute;
    top: 5px;
    left: -70px;
    margin: 0;
    width: 100%;
    z-index: -1;
}
.our-history .owl-theme .owl-nav .owl-prev {
    float: left;
}
.our-history .owl-theme .owl-nav .owl-next {
    position: absolute;
    top: 0px;
    right: -140px;
    margin: 0;
}
.our-history .owl-theme .owl-nav [class*='owl-'] {
    background: transparent;
    font-size: 40px;
    margin: 0;
    padding: 0;
    border-radius: 0;
}



/*** 
=============================================
    How work area about page style
=============================================
***/
.how-work-area.about-page{
    padding-top: 0;        
}

/*** 
=============================================
    Contact Info Area style
=============================================
***/
.contact-info-area{
    position: relative;
    padding: 90px 0 90px;
}
.contact-form {
    border: 1px solid #f2f2f2;
    display: block;
    padding: 18px 40px 40px;
    background: #ffffff;
}
.contact-form form input[type="text"],
.contact-form form input[type="email"],
.contact-form form textarea{
    border: none;
    border-bottom: 1px solid #f2f2f2;
    color: #000000;
    display: block;
    font-size: 16px;
    height: 55px;
    margin-bottom: 20px;
    padding: 0 0;
    width: 100%;
    transition: all 500ms ease;
}
.contact-form form textarea{
    height: 141px;
    margin-top: 14px;
    padding: 0px 0;
    margin-bottom: 30px;
}
.contact-form form input[type="text"]:focus{
    border-color: #0a1821; 
    padding: 0 10px;
}
.contact-form form input[type="email"]:focus{
    border-color: #0a1821;
    padding: 0 10px;
}
.contact-form form textarea:focus{
    border-color: #0a1821; 
    padding: 0px 10px;;
}
.contact-form form button {
    margin-top: 10px;
    width: 170px;
    float: left;
    padding: 18px 0 18px;
    cursor: pointer;
    display: block;
}
.contact-form form .button-text {
    float: left;
    max-width: 500px;
    margin-top: 10px;
    padding-left: 30px;
}
.contact-form form .button-text p{
    font-size: 14px;
    line-height: 24px;
    margin: 0;
}


.contact-box-content{
    position: relative;
}
.contact-info-box-one {
    position: relative;
    display: block;
    overflow: hidden;
    margin-top: -6px;
}
.contact-info-box-one .title{
    display: block;
    padding-bottom: 18px;
}
.contact-info-box-one .title h3{
    font-size: 20px;
}
.contact-info-box-one ul {
    overflow: hidden;
    padding: 35px 30px 35px;
    border: 1px solid #f2f2f2;
    background: #f7f7f7;
}
.contact-info-box-one ul li {
    padding-left: 45px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e9e9e9;
    position: relative;
    overflow: hidden;
    padding-bottom: 20px;
}
.contact-info-box-one ul li:last-child{
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.contact-info-box-one ul li .icon-box{
    position: absolute;
    top: 10px;
    left: 0;
}
.contact-info-box-one ul li .icon-box span:before {
    font-size: 25px;
    line-height: 25px;
}
.contact-info-box-one ul li .text-box{}
.contact-info-box-one ul li .text-box p{
    color: #808080;
    line-height: 24px;
    margin: 0;
}
.contact-info-box-one ul li .text-box p span{
    color: #0f1341;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
}


.contact-info-box-one .bottom-info {
    position: relative;
    display: block;
    padding-left: 80px;
    border: 1px solid #f3f3f3;
    padding-top: 30px;
    padding-bottom: 27px;
    border-left: none;
    border-right: none;
}
.contact-info-box-one .bottom-info .img-holder {
    position: absolute;
    top: 30px;
    left: 0;
    width: 80px;
    height: 80px;
}
.contact-info-box-one .bottom-info .img-holder img{
    border-radius: 50%;
}
.contact-info-box-one .bottom-info .text-holder{
    padding-left: 20px;
}
.contact-info-box-one .bottom-info .text-holder h3{
    margin: 0px;
    line-height: 24px;
}
.contact-info-box-one .bottom-info .text-holder b {
    display: block;
    font-weight: 400;
    margin: 0 0 6px;
}
.contact-info-box-one .bottom-info .text-holder a{
    color: #808080;
}
.contact-info-box-one .bottom-info .text-holder a span:before{
    display: inline-block;
    position: relative;
    top: 1px;
    font-size: 16px;
    color: #46c3e8;
    padding-right: 5px;
}

.contact-info-box-one .owl-theme .owl-nav.disabled + .owl-dots {
    position: absolute;
    margin: 0;
    top: 5px;
    right: 0;
}
.contact-info-box-one .owl-dots .owl-dot {
    background-image: none;
    width: 12px;
    height: 12px;
    margin: 5px 10px;
    border: 3px solid #d5d5d5;
    padding: 0px;
    border-radius: 0;
    background: #ffffff;
    transition: all 500ms ease;
    display: inline-block;
    margin-right: 0;
}
.contact-info-box-one .owl-dots .owl-dot span{
	display:none;	
}
.contact-info-box-one .owl-dots .owl-dot.active{
    border-color: #46a5e5;
}



/*** 
=============================================
    Google Map Area style
=============================================
***/
.google-map-area{
    display: block;
    padding-bottom: 90px;
}
.google-map-box {
  position: relative;
}
#contact-google-map {
    height: 350px;
    width: 100%;
}



/*------------------- 4.00. Service -------------------*/
/* Service Card ---------------------------------- */
.space-top{
   padding: 60px 0px;
}
.bullet i{
    font-size:12px;
    color:#46c3e8;
    margin:0px 6px 0px 0px;
}
.service-card {
  border-radius: 26px;
  background: var(--white-color);
  padding: 25px;
  min-width: 344px;
  border-radius: 40px;
  box-shadow: 0px 6px 30px 0px rgba(0, 0, 0, 0.04);
  background-position: right center;
  background-repeat: no-repeat;
  /* Small devices */
}

@media (max-width: 767px) {
  .service-card {
    min-width: 100%;
  }
}

.service-card_wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 11px;
  /* Extra small devices */
}

@media (max-width: 575px) {
  .service-card_wrap {
    grid-template-columns: repeat(1, 1fr);
  }
}

.service-card_wrap.style2 {
  /* Large devices */
}

@media (max-width: 1199px) {
  .service-card_wrap.style2 {
    grid-template-columns: repeat(1, 1fr);
  }
}

.service-card.style1 {
  background-position: bottom center;
  max-width: 510px;
  /* Large devices */
}

@media (max-width: 1199px) {
  .service-card.style1 {
    max-width: 100%;
  }
}

.service-card.style1 .service-card_img img {
  max-height: 379px;
  /* Large devices */
}

@media (max-width: 1199px) {
  .service-card.style1 .service-card_img img {
    max-height: 100%;
  }
}

.service-card.style1 .service-card_icon {
  position: absolute;
  top: -70px;
  right: 20px;
  width: 120px;
  height: 120px;
  line-height: 120px;
  background-color: var(--white-color);
  margin-bottom: 0px;
  -webkit-clip-path: path("M44.5 2.33013C49.141 -0.349364 54.859 -0.349365 59.5 2.33013L96.4615 23.6699C101.103 26.3494 103.962 31.3013 103.962 36.6603V79.3397C103.962 84.6987 101.103 89.6506 96.4615 92.3301L59.5 113.67C54.859 116.349 49.141 116.349 44.5 113.67L7.53848 92.3301C2.89746 89.6506 0.038475 84.6987 0.038475 79.3397V36.6603C0.038475 31.3013 2.89746 26.3494 7.53848 23.6699L44.5 2.33013Z");
          clip-path: path("M44.5 2.33013C49.141 -0.349364 54.859 -0.349365 59.5 2.33013L96.4615 23.6699C101.103 26.3494 103.962 31.3013 103.962 36.6603V79.3397C103.962 84.6987 101.103 89.6506 96.4615 92.3301L59.5 113.67C54.859 116.349 49.141 116.349 44.5 113.67L7.53848 92.3301C2.89746 89.6506 0.038475 84.6987 0.038475 79.3397V36.6603C0.038475 31.3013 2.89746 26.3494 7.53848 23.6699L44.5 2.33013Z");
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  /* Extra small devices */
}

@media (max-width: 575px) {
  .service-card.style1 .service-card_icon {
    width: 100px;
    height: 100px;
    line-height: 100px;
    right: 0;
    top: -100px;
  }
}

.service-card.style1 .service-card_icon:before {
  -webkit-clip-path: path("M36.5 2.33013C41.141 -0.349363 46.859 -0.349365 51.5 2.33013L79.8013 18.6699C84.4423 21.3494 87.3013 26.3013 87.3013 31.6603V64.3397C87.3013 69.6987 84.4423 74.6506 79.8013 77.3301L51.5 93.6699C46.859 96.3494 41.141 96.3494 36.5 93.6699L8.19873 77.3301C3.55772 74.6506 0.69873 69.6987 0.69873 64.3397V31.6603C0.69873 26.3013 3.55771 21.3494 8.19873 18.6699L36.5 2.33013Z");
          clip-path: path("M36.5 2.33013C41.141 -0.349363 46.859 -0.349365 51.5 2.33013L79.8013 18.6699C84.4423 21.3494 87.3013 26.3013 87.3013 31.6603V64.3397C87.3013 69.6987 84.4423 74.6506 79.8013 77.3301L51.5 93.6699C46.859 96.3494 41.141 96.3494 36.5 93.6699L8.19873 77.3301C3.55772 74.6506 0.69873 69.6987 0.69873 64.3397V31.6603C0.69873 26.3013 3.55771 21.3494 8.19873 18.6699L36.5 2.33013Z");
}

.service-card.style1 .service-card_icon img {
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.service-card.style1 .service-card_content {
  margin-top: 20px;
}

.service-card.style1 .box-title {
  font-size: 30px;
}

.service-card_img {
  min-width: 100%;
  border-radius: 26px;
}

.service-card_img img {
  width: 100%;
  border-radius: 26px;
}

.service-card_content {
  position: relative;
}

.service-card_icon {
  width: 100px;
  height: 100px;
  line-height: 100px;
  background-color: #ECF1F5;
  margin-bottom: 7px;
  -webkit-clip-path: path("M36.5 2.33013C41.141 -0.349363 46.859 -0.349365 51.5 2.33013L79.8013 18.6699C84.4423 21.3494 87.3013 26.3013 87.3013 31.6603V64.3397C87.3013 69.6987 84.4423 74.6506 79.8013 77.3301L51.5 93.6699C46.859 96.3494 41.141 96.3494 36.5 93.6699L8.19873 77.3301C3.55772 74.6506 0.69873 69.6987 0.69873 64.3397V31.6603C0.69873 26.3013 3.55771 21.3494 8.19873 18.6699L36.5 2.33013Z");
          clip-path: path("M36.5 2.33013C41.141 -0.349363 46.859 -0.349365 51.5 2.33013L79.8013 18.6699C84.4423 21.3494 87.3013 26.3013 87.3013 31.6603V64.3397C87.3013 69.6987 84.4423 74.6506 79.8013 77.3301L51.5 93.6699C46.859 96.3494 41.141 96.3494 36.5 93.6699L8.19873 77.3301C3.55772 74.6506 0.69873 69.6987 0.69873 64.3397V31.6603C0.69873 26.3013 3.55771 21.3494 8.19873 18.6699L36.5 2.33013Z");
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  /* Small devices */
}

.service-card_icon:before {
  content: "";
  position: absolute;
  right: 10px;
  top: 10px;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  background-color: var(--theme-color);
  -webkit-clip-path: path("M27.5 2.33013C32.141 -0.349366 37.859 -0.349366 42.5 2.33013L62.141 13.6699C66.782 16.3494 69.641 21.3013 69.641 26.6603V49.3397C69.641 54.6987 66.782 59.6506 62.141 62.3301L42.5 73.6699C37.859 76.3494 32.141 76.3494 27.5 73.6699L7.85898 62.3301C3.21797 59.6506 0.358982 54.6987 0.358982 49.3397V26.6603C0.358982 21.3013 3.21797 16.3494 7.85898 13.6699L27.5 2.33013Z");
          clip-path: path("M27.5 2.33013C32.141 -0.349366 37.859 -0.349366 42.5 2.33013L62.141 13.6699C66.782 16.3494 69.641 21.3013 69.641 26.6603V49.3397C69.641 54.6987 66.782 59.6506 62.141 62.3301L42.5 73.6699C37.859 76.3494 32.141 76.3494 27.5 73.6699L7.85898 62.3301C3.21797 59.6506 0.358982 54.6987 0.358982 49.3397V26.6603C0.358982 21.3013 3.21797 16.3494 7.85898 13.6699L27.5 2.33013Z");
}

@media (max-width: 767px) {
  .service-card_icon {
    top: -66px;
  }
}

.service-card_icon img {
  display: block;
  padding: 25px;
  position: relative;
  z-index: 9;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.service-card .box-title {
  margin-bottom: 7px;
}

.service-card_text {
  line-height: 26px;
}

.service-card .th-btn {
  padding: 16px 35px;
  color: var(--title-color);
}

.service-card:hover .service-card_icon img {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}

/* Service Box ---------------------------------- */
.service-box {
  border-radius: 20px;
  background: var(--white-color);
  padding: 30px;
  box-shadow: 0px 6px 30px 0px rgba(0, 0, 0, 0.08);
  background-position: bottom center;
  background-repeat: no-repeat;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  margin-top: 30px;
  /* Large devices */
  /* Medium devices */
}

.service-box.style2 {
  margin-top: 0;
}

@media (max-width: 1199px) {
  .service-box {
    gap: 15px;
    padding: 25px;
  }
}

@media (max-width: 991px) {
  .service-box {
    display: block;
  }
}

.service-box_img {
  min-width: 250px;
  border-radius: 20px;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  /* Medium Large devices */
  /* Large devices */
  /* Medium devices */
}

@media (max-width: 1299px) {
  .service-box_img {
    min-width: 200px;
  }
}

@media (max-width: 1199px) {
  .service-box_img {
    min-width: 150px;
  }
}

@media (max-width: 991px) {
  .service-box_img {
    min-width: 100%;
    margin-bottom: 20px;
  }
}

.service-box_img img {
  width: 100%;
  border-radius: 20px;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.service-box_content {
  /* Medium devices */
}

@media (max-width: 991px) {
  .service-box_content {
    text-align: center;
  }
}

.service-box_icon {
  margin-bottom: 15px;
}

.service-box .box-title {
  margin-bottom: 7px;
}

.service-box:hover .service-box_img img {
  -webkit-transform: scale(1.18);
      -ms-transform: scale(1.18);
          transform: scale(1.18);
}

.service-tabs {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 30px;
  gap: 30px;
  /* Small devices */
}

@media (max-width: 767px) {
  .service-tabs {
    gap: 10px;
  }
}

.service-tabs.nav-tabs {
  border-bottom: 1px solid transparent;
}

.service-tabs.nav-tabs .nav-link {
  font-family: var(--title-font);
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  border-radius: 10px !important;
  text-transform: capitalize;
}

.service-tabs .th-btn {
  border: 1px solid var(--th-border-color);
  background: var(--white-color);
  color: var(--title-color);
}

.service-tabs .th-btn.active:before, .service-tabs .th-btn.active:after, .service-tabs .th-btn:hover:before, .service-tabs .th-btn:hover:after {
  background-color: var(--theme-color);
  color: var(--white-color);
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: var(--white-color);
  background-color: var(--theme-color);
  border-color: transparent;
}

.th-btn:hover, .th-btn.active {
  color: var(--white-color) !important;
}

.service-area {
  margin: 0 60px;
  border-radius: 50px 50px 0 0;
  /* Large devices */
}

@media (max-width: 1399px) {
  .service-area {
    margin: 0;
    border-radius: 0;
  }
}

@media (max-width: 1199px) {
  .service-area {
    border-radius: 0;
  }
}

/* Service item ---------------------------------- */
.service-item {
  background: var(--white-color);
  padding: 30px 20px 30px 30px;
  box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.04);
  background-position: right center;
  background-repeat: no-repeat;
}

.service-item_content {
  position: relative;
  z-index: 2;
}

.service-item_content:after {
  content: "";
  position: absolute;
  top: 50px;
  right: -20px;
  width: 170px;
  height: 4px;
  background: #ECF1F5;
  z-index: -1;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.service-item_icon {
  width: 100px;
  height: 100px;
  line-height: 100px;
  background-color: #ECF1F5;
  margin-bottom: 7px;
  -webkit-clip-path: path("M44 0L87.3013 25V75L44 100L0.69873 75V25L44 0Z");
          clip-path: path("M44 0L87.3013 25V75L44 100L0.69873 75V25L44 0Z");
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  /* Small devices */
}

.service-item_icon:before {
  content: "";
  position: absolute;
  right: 10px;
  top: 10px;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  background-color: var(--theme-color);
  -webkit-clip-path: path("M35 0L69.641 20V60L35 80L0.358982 60V20L35 0Z");
          clip-path: path("M35 0L69.641 20V60L35 80L0.358982 60V20L35 0Z");
}

@media (max-width: 767px) {
  .service-item_icon {
    top: -66px;
  }
}

.service-item img {
  position: relative;
  padding: 20px;
  z-index: 9;
}

.service-item .box-title {
  margin-bottom: 7px;
}

.service-item_text {
  line-height: 26px;
}

.service-item .th-btn {
  padding: 16px 35px;
  color: var(--title-color);
}

.service-item:hover .service-item_content:after {
  background: var(--theme-color);
}

.service-sec .sec-btn {
  text-align: right;
}

.service-sec .slick-arrow {
  background-color: transparent;
  color: var(--theme-color);
  border: 2px solid #D8DDE1;
}

.service-sec .slick-arrow:hover {
  background-color: var(--theme-color);
  color: var(--white-color);
  border-color: var(--theme-color);
}

/* Service Details ---------------------------------- */
.page-title {
  margin-top: -0.22em;
  font-size: 40px;
  margin-bottom: 20px;
}

.service-single {
  background-color: var(--white-color);
  border-radius: 20px;
  box-shadow: 0px 6px 50px 0px rgba(0, 0, 0, 0.06);
  padding: 40px;
  /* Large devices */
}

@media (max-width: 1199px) {
  .service-single {
    padding: 30px;
  }
}

.page-img {
  border-radius: 20px;
  margin-bottom: 30px;
  border-radius: 0px;
  overflow: hidden;
}

.page-img img {
  width: 100%;
  border-radius: 20px;
}

.page-single {
  margin-bottom: 30px;
}

.service-feature {
  box-shadow: 0px 8px 30px rgba(106, 106, 106, 0.1);
  background-color: var(--white-color);
  padding: 30px;
  text-align: center;
}

.service-feature-wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}

.service-feature_icon {
  min-width: 50px;
  margin-bottom: 20px;
}

.service-feature_icon img {
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

.service-feature_title {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 6px;
  margin-top: -0.36em;
  /* Large devices */
}

@media (max-width: 1199px) {
  .service-feature_title {
    font-size: 18px;
  }
}

.service-feature_text {
  margin-bottom: -0.5em;
}

.service-feature:hover .service-feature_icon img {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}

.service-process {
  border: 1px solid #EEEEEE;
  background-color: var(--white-color);
  padding: 40px 20px;
  text-align: center;
  box-shadow: 0px 6px 39px rgba(0, 0, 0, 0.04);
}

.service-process-wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

.service-process_num {
  font-family: var(--title-font);
  font-size: 20px;
  font-weight: bold;
  color: var(--title-color);
  display: block;
  text-align: center;
  width: 60px;
  height: 60px;
  line-height: 60px;
  border: 15px solid #c1ddf7;
  box-sizing: content-box;
  background-color: var(--theme-color);
  border-radius: 50%;
  margin: 0 auto 25px auto;
}

.service-process_title {
  font-size: 16px;
  margin-bottom: 6px;
  margin-top: -0.36em;
  text-transform: uppercase;
}

.service-process_text {
  max-width: 250px;
  margin: 0 auto -0.5em auto;
}

/* Large devices */
@media (max-width: 1199px) {
  .service-process-wrap {
    gap: 24px;
  }
}

/* Small devices */
@media (max-width: 767px) {
  .service-process-wrap {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px;
  }
}

/* Medium Large devices */
@media (max-width: 1299px) {
  .page-title {
    font-size: 38px;
  }
}

/* Medium Large devices */
@media (max-width: 1299px) {
  .service-feature {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
    gap: 20px;
    padding: 30px 10px;
  }
  .service-feature_text {
    margin-bottom: -0.5em;
    max-width: 260px;
    margin-left: auto;
    margin-right: auto;
  }
}

/* Large devices */
@media (max-width: 1199px) {
  .page-title {
    font-size: 32px;
  }
}

/* Small devices */
@media (max-width: 767px) {
  .page-title {
    font-size: 28px;
  }
}

/* Extra small devices */
@media (max-width: 575px) {
  .page-title {
    font-size: 24px;
  }
  .service-feature-wrap {
    grid-template-columns: auto;
  }
}

/*------------------- 4.00. Pricing -------------------*/
/* Pricing 1 ---------------------------------- */
.available-list ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.available-list li {
  position: relative;
  font-family: var(--body-font);
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  padding-left: 30px;
  margin-bottom: 10px;
  text-transform: capitalize;
  color: var(--body-color);
}

.available-list li:after {
  content: "\f560";
  font-family: var(--icon-font);
  font-weight: 600;
  color: var(--theme-color);
  font-size: 1.1em;
  position: absolute;
  top: 1px;
  left: 0;
}

.available-list li.unavailable:after {
  content: "\f560";
  right: 4px;
  color: #D8DDE1;
}

.available-list li img {
  max-width: 18px;
  margin-right: 10px;
}

.available-list li:last-child {
  margin-bottom: 0;
}

.available-list li.unavailable {
  font-weight: 400;
  color: #D8DDE1;
}

.available-list li.unavailable img {
  opacity: 0.2;
}


.sidebar-area {
  margin-bottom: -10px;
}

.sidebar-area ul.wp-block-latest-posts {
  margin-bottom: 0;
}

.sidebar-area ul.wp-block-latest-posts li:last-child {
  margin-bottom: 0;
}

.sidebar-area select,
.sidebar-area input {
  background-color: var(--white-color);
}

.sidebar-area .sidebar-gallery {
  margin-bottom: 0 !important;
}

.sidebar-area .widget .wp-block-search {
  margin-bottom: 0;
}

.sidebar-area .wp-block-group__inner-container h2 {
  font-size: 20px;
  line-height: 1em;
  margin-bottom: 20px;
  margin-top: -0.07em;
}

.sidebar-area ol.wp-block-latest-comments {
  padding: 0;
  margin: 0;
}

.sidebar-area ol.wp-block-latest-comments li {
  line-height: 1.5;
  margin: 0 0 20px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 20px;
}

.sidebar-area ol.wp-block-latest-comments li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}