/*
Template Name: Moogle Html Template
Author: Themas street
Email: themsstreet@gmail.com
File: app.css
*/


/*  
  - Google Font
  - General
  - Sidebar
  - Header
  - Metismenu
  - Extra CSS
  - Invoice Page
  - Chat box
  - Email box
  - Compose Mail
  - Navs and Tabs
  - Background Colors
  - Authentication
  - Buttons 
  - Pricing Table
  - Forms
  - Responsive
*/


/* General */

body {
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-size: 14px;
	color: #303030;
	background-color: #f8f9fa;
	overflow-x: hidden;

}

.wrapper {
	width: 100%;
	position: relative
}



/* Header */
.top-header-wrapper {
	height: auto;
}

.logo-text {
	color: #0d6efd;
}


/*  primary-nav */

.primary-nav {
	background-color: #fff
}


.primary-nav .navbar-nav .nav-item .nav-link {
	font-size: 1rem;
	font-weight: 500;
	color: #0b94f0;
	padding: 0.5rem 1rem;
	border-radius: 0.375rem;

}

.primary-nav .navbar-nav .nav-item .nav-link:hover {
	color: #0b94f0;
	background-color: #0d6dfd21;
}


.primary-nav .dropdown-menu .dropdown-item .media-icon {
	width: 45px;
	height: 45px;
	color: #212529;
	font-size: 1.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 0.357rem;
	background-color: #eee;
}


.primary-nav .dropdown-menu .dropdown-item:hover,
.primary-nav .dropdown-menu .dropdown-item:focus {
	color: #212529;
	background-color: #eee;
	border-radius: 0.357rem;
}


.navbar .dropdown-menu {
	-webkit-animation: .6s cubic-bezier(.25, .8, .25, 1) 0s normal forwards 1 animdropdown;
	animation: .6s cubic-bezier(.25, .8, .25, 1) 0s normal forwards 1 animdropdown;
}

@-webkit-keyframes animdropdown {
	from {
		-webkit-transform: translate3d(0, 6px, 0);
		transform: translate3d(0, 6px, 0);
		opacity: 0
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1
	}
}




/* card */

.card-hover-effect {
	transition: all .3s ease-out;
}

.card-hover-effect:hover {
	background-color: #0d6dfd21;

}

.card-hover-effect-1:hover {
	background-color: #0d6dfd21;
	transform: scale(1.02);
	transition: 256ms ease-in-out;

}

.card-hover-effect-2:hover {
	background-color: #0b94f0;

}



.slider-text {
	text-shadow: 1px 1px 2px #363636;

}



.carousel-caption {
	bottom: 20px !important;
}

.news-letter {
	background-image: url(../image/background-wallpaper.jpg);
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
}

.about-us {
	background-image: url(../image/banner-9.png);
	background-position: center;
	background-size: cover;
}

.contact-us {
	background-image: url(../image/banner-8.png);
	background-position: center;
	background-size: cover;
}

.live-support {
	background-image: url(../image/22.png);
	background-position: center;
	background-size: cover;

}



.blogs {
	background-image: url(../image/banner-6.png);
	background-position: center;
	background-size: cover;

}

.blog-details {
	background-image: url(../image/banner-10.png);
	background-position: center;
	background-size: cover;

}


.sms-marketing {
	background-image: url(../image/banner-4.png);
	background-position: center;
	background-size: cover;
}

.email-marketing {
	background-image: url(../image/banner-3.png);
	background-position: center;
	background-size: cover;
}

.pricing-plans {
	background-image: url(../image/banner-5.png);
	background-position: center;
	background-size: cover;
}

.nav-item.active {
	background-color: #0d6dfd21;
	border-radius: 5px;
}




/* footer */

.footer-color {
	background-color: #daeaf8;
}

.footer-bottam {
	background-color: #57a9de;
}

.footer-link li {
	transition: all .2s ease-out;
}

.footer-link li:hover {
	background-color: #0d6efd !important;
	color: #fff !important;

}

/* background-color */


.bg-body-grey {
	background-color: #f8f9fa !important;
}

.bg-body-white {
	background-color: #fff !important;
}

.bg-body {
	background-color: #f8f9fa !important;
}

.bg-light-primary {
	background-color: rgb(13 110 253 / .11) !important
}

.bg-light-success {
	background-color: rgb(23 160 14 / .11) !important
}

.bg-light-danger {
	background-color: rgb(244 17 39 / .11) !important
}

.bg-light-warning {
	background-color: rgb(255 193 7 / .11) !important
}

.bg-light-info {
	background-color: rgb(13 202 240 / 18%) !important
}

.bg-light-transparent {
	background-color: rgb(0 0 0 / 15%) !important
}

.bg-gradient-deepblue {
	background: #6a11cb;
	background: -webkit-linear-gradient(45deg, #6a11cb, #2575fc) !important;
	background: linear-gradient(45deg, #6a11cb, #2575fc) !important;
}


.bg-gradient-orange {
	background: #fc4a1a;
	background: -webkit-linear-gradient(45deg, #fc4a1a, #f7b733) !important;
	background: linear-gradient(45deg, #fc4a1a, #f7b733) !important;
}

.bg-gradient-ohhappiness {
	background: #00b09b;
	background: -webkit-linear-gradient(45deg, #00b09b, #96c93d) !important;
	background: linear-gradient(45deg, #00b09b, #96c93d) !important;
}


.bg-gradient-ibiza {
	background: #ee0979;
	background: -webkit-linear-gradient(45deg, #ee0979, #ff6a00) !important;
	background: linear-gradient(45deg, #ee0979, #ff6a00) !important;
}

.bg-gradient-scooter {
	background: #17ead9;
	background: -webkit-linear-gradient(45deg, #17ead9, #6078ea) !important;
	background: linear-gradient(45deg, #17ead9, #6078ea) !important;
}


.bg-gradient-bloody {
	background: #f54ea2;
	background: -webkit-linear-gradient(45deg, #f54ea2, #ff7676) !important;
	background: linear-gradient(45deg, #f54ea2, #ff7676) !important;
}


.bg-gradient-quepal {
	background: #42e695;
	background: -webkit-linear-gradient(45deg, #42e695, #3bb2b8) !important;
	background: linear-gradient(45deg, #42e695, #3bb2b8) !important;
}


.bg-gradient-blooker {
	background: #ffdf40;
	background: -webkit-linear-gradient(45deg, #ffdf40, #ff8359) !important;
	background: linear-gradient(45deg, #ffdf40, #ff8359) !important;
}


.bg-gradient-cosmic {
	background: linear-gradient(to right, #8e2de2, #4a00e0) !important
}

.bg-gradient-burning {
	background: linear-gradient(to right, #ff416c, #ff4b2b) !important
}

.bg-gradient-lush {
	background: linear-gradient(to right, #56ab2f, #a8e063) !important
}

.bg-gradient-kyoto {
	background: linear-gradient(to right, #f7971e, #ffd200) !important
}

.bg-gradient-blues {
	background: linear-gradient(to right, #56ccf2, #2f80ed) !important
}

.bg-gradient-moonlit {
	background: linear-gradient(to right, #0f2027, #203a43, #2c5364) !important
}

.split-bg-primary {
	background-color: #0c62e0;
	border-color: #0c62e0
}

.split-bg-secondary {
	background-color: #515a62;
	border-color: #515a62
}

.split-bg-success {
	background-color: #128e0a;
	border-color: #128e0a
}

.split-bg-info {
	background-color: #0bb2d3;
	border-color: #0bb2d3
}

.split-bg-warning {
	background-color: #e4ad07;
	border-color: #e4ad07
}

.split-bg-danger {
	background-color: #e20e22;
	border-color: #e20e22
}

.bg-facebook {
	background-color: #3b5998 !important
}

.bg-twitter {
	background-color: #55acee !important
}

.bg-google {
	background-color: #e52d27 !important
}

.bg-linkedin {
	background-color: #0976b4 !important
}


/* font-size */
.font-12 {
	font-size: 12px
}

.font-13 {
	font-size: 13px
}

.font-14 {
	font-size: 14px
}

.font-18 {
	font-size: 18px
}

.font-20 {
	font-size: 20px
}

.font-22 {
	font-size: 22px
}

.font-24 {
	font-size: 24px
}

.font-30 {
	font-size: 30px
}

.font-35 {
	font-size: 35px
}

.font-50 {
	font-size: 50px
}

.font-60 {
	font-size: 60px
}

.font-70 {
	font-size: 70px
}

.font-80 {
	font-size: 80px
}

.list-style-none {
	list-style-type: none;
}



/* Text Color */

.text-option {
	color: #32393f !important
}

.text-facebook {
	color: #3b5998 !important
}

.text-twitter {
	color: #55acee !important
}

.text-youtube {
	color: #e52d27 !important
}

.text-sky-light {
	color: #b4d2ff;
}

.support-section {
	background-image: url("https://codervent.com/assets/images/gallery/22.png");
	background-size: cover;
	background-repeat: no-repeat;

}

.project-completed-1 {
	background-color: #3d8bfd;
}

.project-completed-2 {
	background-color: #5599fd;
}

.project-completed-3 {
	background-color: #6da8fd;
}

.project-completed-4 {
	background-color: #86b6fe;
}




/* - Responsive  */