/*
Theme Name: Businesstum
Author: themetum
Author URI: https://themetum.com
Description: Business Consulting Wordpress Theme
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: Blog, Custom Background, Custom Colors, Custom Logo, Custom Menu, Featured Images, Footer Widgets, Full Width Template, Grid Layout, Left Sidebar, One Column, Post Formats, Right Sidebar, Sticky Post, Theme Options, Threaded Comments, Translation Ready, Two Columns
Keywords: Consulting, business, Businesstum, responsive, Modern Design
Requires at least: 5.9
Tested up to: 5.9
Requires PHP: 5.6
Text Domain: Businesstum
*/

/*
      Table Index       
=========================
1. Theme Style
	1.1 Variables
	1.2 Font Import
	1.3 Common Style
2. Header
3. Home
4. Responsive 
*/
/*=====| 1. Theme Style |=====*/
/*---------- 1.1 Variables ----------*/
@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700&display=swap");
@import url("assets/css/font-awesome.all.min.css");
:root {
    --mainBg: #ffcb3d;
    --mainColor: #ffcb3d;
    --darkBg: #002e5b;
    --textColor: #002e5b;
    --textDark: #0e0a2d;
    --white: #fff;
    --black: #2e2e2e;
    --gray: rgba(18, 20, 27, 0.6);
    --attornyText: #9a7040;
    --attorny: #92693c;
    --dentist: #12c3ff;
    --tomato: #ff6d4f;
    --creative: #007bff;
    --gridPort: #9d7ddd;
    --creative2: #31ffb8;
}
/*---------- 1.2 Font Import ----------*/
/*---------- 1.3 Common Style ----------*/
* {
    margin: 0;
    padding: 0;
    outline: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 10px;
}
html {
    scroll-behavior: smooth;
    overflow-x: hidden;
}
:focus,
:visited,
:active {
    outline: 0 !important;
}
button {
    cursor: pointer;
}
img {
    max-width: 100%;
}
svg {
    max-width: 100%;
}
i {
    line-height: 1;
}
::-webkit-input-placeholder {
    opacity: 0.5;
}
::-moz-placeholder {
    opacity: 0.5;
}
:-ms-input-placeholder {
    opacity: 0.5;
}
::-ms-input-placeholder {
    opacity: 0.5;
}
::placeholder {
    opacity: 0.5;
}
::-moz-placeholder {
    opacity: 0.5;
}
::-webkit-placeholder {
    opacity: 0.5;
}

.wp-caption{}
 .wp-caption-text{}
 .gallery-caption{}
 .bypostauthor{}
 .alignright{}
 .alignleft{}
 .aligncenter{}

 /* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #eee;
	clip: auto !important;
	clip-path: none;
	color: #444;
	display: block;
	font-size: 1em;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}
/*----- | Preloader |-----*/
.pre-loader {
    background-color: #2c3e50;
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.2s ease-out, visibility 0s linear 0.2s;
    -o-transition: opacity 0.2s ease-out, visibility 0s linear 0.2s;
    transition: opacity 0.2s ease-out, visibility 0s linear 0.2s;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    z-index: 1000;
}
.pre-loader .loader-position {
    height: 100%;
    width: 100%;
    position: relative;
    text-align: center;
}
.pre-loader .loader-position img {
    width: 280px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
#ftco-loader.show {
    -webkit-transition: opacity 0.4s ease-out, visibility 0s linear 0s;
    -o-transition: opacity 0.4s ease-out, visibility 0s linear 0s;
    transition: opacity 0.4s ease-out, visibility 0s linear 0s;
    visibility: visible;
    opacity: 1;
}
body {
    font-family: 'Poppins', sans-serif;
    overflow-x: hidden;
    position: relative;
}
p {
    font-size: 16px;
}
p b {
    font-size: inherit;
}
a {
    font-size: 16px;
    text-decoration: none;
    transition: .3s ease-in-out;
	letter-spacing:.3px;
}
a:hover {
    text-decoration: none;
    color:#FFCB3D !important;
}
li a {
    font-size: 18px;
}
p {
    line-height: 30px;
	letter-spacing:.5px;
}
i {
    font-size: 18px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Lato', sans-serif;
	letter-spacing:.5px;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: inherit;
    font-size: inherit;
}
h1 {
    font-size: 60px;
    font-weight: bold;
}
h1 span {
    font-size: inherit;
}
h2 {
    font-size: 36px;
    font-weight: bold;
}
h2 span {
    font-size: inherit;
}
h3 {
    font-size: 36px;
    font-weight: 600;
}
h4 {
    font-size: 30px;
    font-weight: 500;
}
h5 {
    font-size: 24px;
    font-weight: 600;
}
h6 {
    font-size: 16px;
    font-weight: 600;
}
h6.single-title {
    font-size: 18px;
    margin-top: 25px;
}
.section-padding{
	padding-top:80px;
	padding-bottom:90px;
}
.pt-20{
	padding-top:20px;
}
.pt-30{
	padding-top:30px;
}
.pt-50{
	padding-top:50px;
}
.pb-20{
	padding-bottom:20px;
}
.pb-30{
	padding-bottom:30px;
}
.pb-50{
	padding-bottom:50px;
}
.pb-100{
	padding-bottom:100px;
}
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
    padding-right: 0;
    padding-left: 0;
}
.feedback-bio span.fz-16 {
    font-size: 16px;
}
/* Buttons */
.theme-btn {
	font-size: 16px;
	padding: 15px 30px;
	background-color: var(--mainBg);
	color: var(--textColor);
	display: inline-block;
	font-weight: 500;
	min-width: 170px;
	text-align: center;
}
.theme-btn:hover {
    background-color: #fff;
}
.theme-btn-big {
    font-size: 20px;
    font-weight: 600;
}
.theme-btn-round {
    border-radius: 4px;
    overflow: hidden;
}
/*=====| 2. Header |=====*/
.top-menu-area {
    background-color: var(--darkBg);
}
.top-menu ul li {
	list-style: none;
	display: inline-block;
    margin-right: 80px;
}
.top-menu ul li a {
    color: #fff;
    font-size: 14px;
}
.top-menu ul li a i {
    font-size: inherit;
    margin-right: 15px;
    color: var(--mainColor);
}
.list-style-none li {
    list-style: none;
}
.d-inline li {
	display: inline;
}
.main-menu-area {
	background-color: #fff;
    position: relative;
}
.container-main-menu {
    position: relative;
}
.main-menu .menu-list li {
    display: inline-block;
    position: relative;
}
.main-menu .menu-list li.has-children > a::before {
	content: "\f078";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	top: 27px;
	right: 2px;
	font-size: 16px;
	color: var(--textColor);
	transition: .3s ease-in-out;
}
.main-menu .menu-list li.has-children:hover > a::before {
    color: var(--mainColor);
}
.main-menu .social-list li {
    display: inline;
}
.main-menu .menu-list li a,
.main-menu .social-list li a i {
	color: var(--textColor);
	padding: 25px 23px;
	display: inline-block;
	line-height: 1;
    position: relative;
}
.main-menu .menu-list li:hover > a, 
.main-menu .social-list li a i:hover {
    color: var(--mainColor);
}
.main-menu .social-list li a i {
    padding: 25px 15px;
}
.main-menu .sub-menu {
	position: absolute;
	background-color: #fff;
	min-width: 270px;
	padding: 20px;
	overflow: hidden;
	border-radius: 4px;
	left: 0;
	top: calc(100% + 30px);
    transition: .4s ease-in-out;
	z-index: 5;
	visibility: hidden;
    opacity: 0;
}
.main-menu .menu-list li::after {
	content: "";
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 9px solid var(--mainBg);
	position: absolute;
	left: 44%;
	bottom: -30px;
    transition: .4s ease-in-out;
    visibility: hidden;
}
.main-menu .menu-list li:hover .sub-menu {
    top: calc(100% - 3px);
    visibility: visible;
    opacity: 1;
}
.main-menu .menu-list li:hover::after {
    visibility: visible;
    bottom: 0;
}
.main-menu .sub-menu::before {
	content: "";
	height: 3px;
	width: 100%;
	background-color: var(--mainBg);
    position: absolute;
	left: 0;
	top: 0;
}
.main-menu .sub-menu li {
    display: block;
    position: relative;
}
.main-menu .sub-menu li::after {
	height: 2px;
	width: 10px;
	left: -22px;
	top: 22px;
	border: none !important;
	background-color: var(--mainBg);
}
.main-menu .sub-menu li:hover::after {
    left: -2px;
}
.main-menu .sub-menu li a {
    padding: 13px;
}
.sticky-bar {
	left: 0;
	margin: auto;
	position: fixed;
	top: 0;
	width: 100%;
	padding-bottom:3px;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.07);
	z-index: 9999;
	-webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
	animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
	-webkit-box-shadow: 0 0px 5px rgba(25, 25, 25, 0.1);
	background: #fff;
	transition:all .2s ease;
}	

/*=====| 3. Home |=====*/
.data-bg {
    background-size: cover;
    background-repeat: no-repeat;
}
.hero-slides {
    min-height: 670px;
}
.hero-slides[data-overlay]::before {
    background: var(--darkBg) none repeat scroll 0 0;
}
.color-focus {
    color: var(--mainColor);
}
.hero-content {
	background-color: rgba(0, 46, 91, .6);
	color: #fff;
	border-radius: 4px;
	padding: 50px;
    position: relative;
}
.hero-content::before {
	content: "";
	height: 2px;
	width: 90px;
	background-color: var(--mainBg);
	position: absolute;
	top: 50px;
	left: 50px;
}
.hero-title {
	position: relative;
}
/* Slider */ 
.slick-dotted.hero-slider {
    margin-bottom: 0;
}
.hero-slider .slick-arrow {
    position: absolute;
    top: 50%;
    height: 40px;
	width: 40px;
	background-color: var(--darkBg);
	text-align: center;
	line-height: 40px;
	border-radius: 50px;
	color: var(--mainColor);
    cursor: pointer;
    transition: .3s ease-in-out;
    z-index: 10;
}
.hero-slider .slick-arrow:hover {
    background-color: var(--mainBg);
    color: var(--textColor);
}
.hero-slider .prev-arrow {
    left: 100px;
}
.hero-slider .next-arrow {
    right: 100px;
}
.hero-slider .slick-dots {
	bottom: 40px;
}
.hero-slider .slick-dots li button {
	background-color: transparent;
	border-radius: 50px;
	border: 1px solid #fff;
    transition: .3s ease-in-out;
    height: 15px;
    width: 15px;
}
.hero-slider .slick-dots li:hover button,
.hero-slider .slick-dots li.slick-active button {
    border: 1px solid var(--mainColor);
}
.hero-slider .slick-dots li.slick-active button {
    height: 20px;
    width: 20px;
}
.slick-dots li button::before {
	opacity: 0;
}
.slick-dots li button:hover::before {
	opacity: 0;
}
.slick-dots li.slick-active button::before {
	opacity: 1;
	color: var(--mainColor);
}


/*=====| 1. Responsive |=====*/ 
@media only screen and (max-width: 1366px) {
    .hero-slider .prev-arrow {
        left: 15px;
    }
    .hero-slider .next-arrow {
        right: 15px;
    }
}
@media only screen and (max-width: 1199px) {
    .main-menu {
        padding: 10px 0;
    }
    .menu ul {
        display: none;
    }
    .menu {
        position: absolute;
        background-color: #fff;
        width: 100%;
        top: 100%;
        left: 0;
        z-index: 20;
        display: block !important;
        transition: .4s ease-in-out;
    }
    .menu::before,
    .menu::after {
        content: "";
        height: 100%;
        width: 1000px;
        position: absolute;
        top: 0;
        left: 100%;
        background-color: inherit;
    }
    .menu::before {
        right: 100%;
        left: unset;
    }
    .menu.menu-open {
        display: block !important;
        visibility: visible;
        opacity: 1;
    }
    .menu .menu-list li {
        display: block;
    }
    .menu .menu-list li a {
        padding: 13px;
    }
    .main-menu .sub-menu li a {
        padding: 10px;
    }
    .main-menu .menu-list li.has-children > a::before {
        top: 15px;
        right: -5px;
    }
    .main-menu .menu-list li::after {
        display: none;
    }
    .main-menu-icon {
        cursor: pointer;
        position: absolute;
        top: 50%;
        right: 15px;
        transform: translateY(-35%);
    }
    .line {
        display: block;
        height: 2px;
        width: 42px;
        background-color: var(--darkBg);
        border: none;
        margin-bottom: 7px;
        margin-left: auto;
        transition: .4s ease-in-out;
    }
    .line.line-1 {
        width: 34px;
    }
    .line.line-2 {
        width: 26px;
    }
    .main-menu-icon.icon-cross .line.line-2 {
        width: 0;
    }
    .main-menu-icon.icon-cross .line.line-1 {
        transform: rotate(-45deg) translateX(-12px);
    }
    .main-menu-icon.icon-cross .line-3 {
        transform: rotate(45deg) translateX(-12px);
        width: 34px;
    }
    .main-menu .sub-menu {
        position: unset;
        visibility: visible;
        opacity: 1;
        transition: 0s;
        background-color: #F3F4F9;
    }
    .main-menu .sub-menu::before {
        top: 41px;
    }

}
@media only screen and (max-width: 991px) {
    .top-menu {
        display: none !important;
    }
}
@media only screen and (max-width: 991px) {
    .container,
    .container-fluid,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        padding-right: 15px;
        padding-left: 15px;
    }
    .container-fluid.comming-wrapper {
        padding-left: 0;
        padding-right: 0;
    }
}

.contact_header {
    background: #ffcb4d;
    padding: 40px 0px;
}

h4.consult_left_text {
    font-weight: 600;
}

.dark_button {
	float: right;
	text-align: center;
	margin-top: 9px;
}

.dark_btn,
a.dark_btn {
    color: #fff !important;
    text-decoration: none;
    font-weight: 600;
	border:none;
    letter-spacing: .5px;
    background: #002E5B;
    padding: 15px 32px;
    border-radius: 4px;
}
.about_img_right {
    position: relative;
}

.about_img_right img {
    position: absolute;
}

img.responsive-fluid.img_two {
    z-index: -1;
    top: 330px;
    right: -20px;
}
button.dark_btn i,
a.dark_btn i {
	font-size: 14px;
	color: #FFCB4D;
	padding-left: 10px;
}
h6.sub_title {
    color: #ffcb3d;
}

h2.section_title {
	text-transform: capitalize;
	font-weight: 700;
	position: relative;
	color: #032648;
	margin-top: 12px;
	margin-bottom: 35px;
}

h2.section_title:after {
    position: absolute;
    content: "";
    width: 75px;
    height: 2px;
    background: #FFCB4D;
    bottom: -17px;
    left: 1px;
}
p.about_description {
    color: #616262;
}

.fun-fact {
    position: relative;
}

span.fun-icon i {
    position: absolute;
    width: 100px;
    color: #FFCB4D;
    font-size: 26px;
    height: 100px;
    padding-right: 30px;
}

.fun-desc {
}

p.timer {
    line-height: 28px;
    padding-left: 40px;
    font-size: 18px;
    color: #032648;
    font-weight: 800;
}

.fun-desc span.medium {
    font-size: 16px;
    padding-top: 5px !important;
    position: absolute;
	font-weight:500;
}
.parallax-window {
    background: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	position:relative;
}

h3.section_title.text-center {
    z-index: 2;
    padding-top: 150px;
    padding-bottom: 150px;
    color: #fff;
}
.about_more_text h4 {
    line-height: 40px;
    padding-bottom: 10px;
    font-weight: 600;
    color: #002E5B;
}

.about_area_consult {
    padding-top: 10px;
}
h4, h5, h6{
	color:#002E5B !important;
}
.about_area_consult h6.tab_price {
    font-size: 18px;
    font-weight: 800 !important;
    padding-bottom: 15px;
}
p.tab_list {
    color: #002E5B !important;
    font-weight: 600;
}
.tab_list i {
    font-size: 14px;
    padding-right: 10px;
    color: #FFCB4D;
}

/* ------------ / Service area ------------- */
.service_area{
  background-image: -moz-linear-gradient( 90deg, rgb(246,250,250) 0%, rgb(246,250,250) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(246,250,250) 0%, rgb(246,250,250) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(246,250,250) 0%, rgb(246,250,250) 100%);
  background-size:cover;
  background-position:center;
  background-repeat:no repeat;
}

.service_icon {
    position: absolute;
    width: 50px;
}

.service_text {
    position: relative;
    padding-left: 75px;
}

.service_icon img {
    padding-top: 14px;
}
.single_service {
	position: relative;
	padding-right: 20px;
	margin-bottom: 30px;
}
h4.service_title {
    padding-bottom: 9px;
    font-size: 26px;
    font-weight: 600;
	text-transform:capitalize;
    color: #002E5B;
}

/* ------------ / Team area ------------- */

.team_single {
    position: relative;
    background: #faf9fc;
    padding-bottom: 21px;
}

.team_single_img {
    position: absolute;
}

.team_member_text {
    position: relative;
    margin-left: 217px;
}

.team_single_img img {
    width: 190px;
}
.team_social_icon a {
    color: #032648;
    padding: 12px;
    margin: 2px;
}

.team_social_icon {
    margin-top: 22px;
}

p.member_intro {
    font-size: 18px;
    color: #FFCB3D;
}

h4.member_name {
    margin-top: 0px;
    padding-top: 15px;
}

/*---------- / Faqs & Testimonial area ---------- */
.faqs_pannel {
  position: relative;
  z-index: 1;
}
section.faqs_client.section-padding:before {
    position: absolute;
    content: "";
    background: #FFCB3D;
    width: 50%;
    right: 0;
    z-index: 1;
    top: 0;
    height: 100%;
}
.accordion-item {
  background-color: transparent;
}
.card-header {
    border: none;
	padding:0px !important;
}
.card-body {
    padding: 0px 15px 25px 23px;
    font-size: 16px;
    letter-spacing: .2px;
    font-weight: 300;
    color: #dfe0e0 !important;
}

button.accordion-button {
    background: transparent;
    color: #FFCB3D;
	font-size:22px !important;
	text-decoration:none;
}

button.accordion-button:active,
button.accordion-button:focus,
button.accordion-button:hover {
    color: #FFCB3D !important;
    text-decoration: none;
}
 
.accordion-item:not(last-child) {
  margin-bottom: .3rem; }

.accordion-button {
    padding: 1.5rem .5rem;
    font-weight: 500;
}

.accordion-button:not(.collapsed) {
  border: none; }

.accordion-button:not(.collapsed) {
  color: fffd3;
  background-color:transparent;
  box-shadow: none; }

.accordion-item:first-of-type .accordion-button {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }

.accordion-button:focus {
  z-index: 3;
  border: none;
  outline: 0;
  box-shadow: none; }

.accordion-body {
  padding: 0rem 3rem 3rem 3rem; }
  .accordion-body p {
    font-size: 1.6rem; }

section.faqs_client.section-padding{
    position: relative;
    background: #032648 !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
}
.faqs_section_text h6.sub_title,
.faqs_section_text h2.section_title {
    color: #fff !important;
}

.feedback_section_text {
    z-index: 9;
    position: relative;
    margin-left: 35px;
}

  .feedback-area {
    position: relative;
}

.feedback-area:after {
    content: "";
    position: absolute;
    filter: blur(160px);
    background: #0772f6;
    right: 22%;
    bottom: 35%;
    width: 140px;
    height: 150px;
}
  .feedback-wpr {
    position: relative;
}

.feedback-wpr:before {
    position: absolute;
    content: "";
    width: 120px;
    height: 100px;
    background: #f73490;
    top: 4%;
    left: 0%;
    filter: blur(115px);
}
  .feedback-box {
    margin-top: 30px !important;
}
.feedback-box {
    position: relative;
}

.feedback-box:after {
    content: "";
    bottom: 25%;
    position: absolute;
    right: 15%;
    width: 20px;
    height: 20px;
    background-image: -moz-linear-gradient( 122deg, rgb(146,59,244) 0%, rgb(120,26,226) 100%);
    background-image: -webkit-linear-gradient( 122deg, rgb(146,59,244) 0%, rgb(120,26,226) 100%);
    background-image: -ms-linear-gradient( 122deg, rgb(146,59,244) 0%, rgb(120,26,226) 100%);
    filter: blur(35px);
}
.feedback-box {
  -webkit-box-shadow: 0px 9px 12px 1.68px rgba(184, 185, 195, 0.07);
  box-shadow: 0px 9px 12px 1.68px rgba(184, 185, 195, 0.07);
  padding: 5rem 4rem;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background-color: var(--white-color); }
  .feedback-box .feedback-pc {
    margin-bottom: 2.2rem; }
.feedback-desc img {
    border-radius: 100px;
    border: 2px solid #ff72a0;
    height: 50px;
    width: auto;
}

.feedback-pc i {
    font-size: 4rem;
    color: #032546;
}	
  .feedback-box p {
    margin-bottom: 4rem; }
  .feedback-box .feedback-desc {
    display: flex;
    align-items: center;
    gap: 2rem; }
    .feedback-box .feedback-desc .feedback-bio h5 {
      margin-bottom: 5px; }

.owl-carousel .owl-item img {
  display: block;
  width: inherit; }

.feed-sldr.owl-carousel .owl-stage-outer {
  padding: 15px;
  margin: -15px -15px 0; }

.feed-sldr.owl-theme .owl-nav {
  margin-top: 40px;
  float: left;
  margin-left: 44px;
  }

.feed-sldr.owl-theme .owl-nav [class*=owl-] {
  color: #032546;
  font-size: 1.8rem;
  margin: 5px;
  padding: 0;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0px 0px 29px 0px rgba(103, 103, 165, 0.13);
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  }

.feed-sldr.owl-theme .owl-nav [class*=owl-]:hover {
  background: var(--theme-color);
  color: #FFF;
  text-decoration: none; }

  .owl-next i,
  .owl-prev i {
    transition: all ease .5s;
    font-size: 1.5rem;
    font-weight: 900;
}
/*---------- / End Faqs & Testimonial area ---------- */



/*---------- / Expertise area ---------- */

.expertise_section_text h2.section_title:after {
    position: absolute;
    content: "";
    width: 75px;
    text-align: center !important;
    height: 2px;
    background: #FFCB4D;
    bottom: -17px;
    left: 47%;
}

.single_expertise_area {
    position: relative;
    background: #fbf9f2;
    padding: 30px 23px;
}

.expertise_icon img {
    position: absolute;
    width: 40px;
    margin-top: 13px;
}

.expertise_title h6 {
    margin-left: 55px;
    color: #002e5b;
    font-size: 20px;
    line-height: 30px;
}

/*---------- / End Expertise area ---------- */

/*---------- / Consulting area ---------- */

section.consultant_area {
    background: #f6fafa;
}

span.consult {
    font-size: 30px;
    font-weight: 600;
    color: #FFCB3D;
}

.cosultant_text h4.section_title {
    line-height: 45px;
    padding-bottom: 10px;
	font-weight:600;
}
.consultant_form_area {
    margin-top: 0px;
}
input.form-control {
	margin-top: 0px;
	padding: 23px 18px;
	border: none;
	font-size: 14px;
}

.contact-area {
    margin-right: 10px;
}

textarea.form-control {
    margin-top: 0px;
    padding: 23px 18px;
    border: none;
    font-size: 14px;
    height: 125px;
}

textarea.form-control:focus {
    border: none;
    box-shadow: none;
}

input.form-control:focus {
    border: none;
    box-shadow: none;
}

button.dark_btn {
    font-size: 16px;
    border: none;
}

/*---------- / Widgets area ---------- */

nav.menu-servicemenu-container ul {list-style: none;}

nav.menu-servicemenu-container ul li a {color: #bcc4ce;}

nav.menu-servicemenu-container {padding-top: 4px;}

nav.menu-servicemenu-container ul li {margin-top: 12px;}
.widgets.widget-blog {margin-top: 40px;}

.widgets.widget-blog ul {list-style: none;margin-left: 5px;}

.widget.widget_block.widget_categories ul li a {color: #27265B;}

.widget.widget_block.widget_categories ul li {margin-top: 10px;}

.widget.widget_block.widget_categories ul {margin-top: 20px;}

/*---------- / Pagination area ---------- */

.nav-links {display: block;}

.pagination {display: block;}

.nav-links span, .nav-links a {background: #f7f7f7;padding: 10px;font-size: 16px !important;margin-right: 6px;color: #27265B;}

/*---------- / Start blog area ---------- */

.blog_post_area {
    background: #FAF9FC;
    padding-bottom: 30px;
    margin-bottom: 50px;
}

h6.blog_title_link {
    padding: 10px 25px;
    line-height: 24px;
    margin-top: 5px;
}

.date_author_tag {
    padding: 0px 25px;
}
.date_author_tag a.date, a.tags, a.comments, a.author {
	font-size: 14px;
	color: #46535e;
	margin-right: 20px;
}

.date_author_tag a.date i, a.author i, a.tags i, a.comments i  {
    font-size: 14px;
    margin-right: 3px;
}
/* single page social icon 
-------------------------------*/
.social-link{
	overflow: hidden;
}
.social-link ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.social-link ul li{
	float: left;
}
.social-link ul li a{
	color: #fff;
	display: block;
	font-size: 15px;
	text-align: center;
	width: 45px;
	background: #ddd;
	white-space: nowrap;
	margin-right: 6px;
	padding: 7px 0px;
	width: 45px;
	overflow: hidden;
	font-size: 15px;
	transition: all 400ms ease 0s;
	border-radius: 3px;
	position: relative;
	margin-bottom: 10px;
}
.social-link ul li a.facebook{
	background: #286196;
}
.social-link ul li a.twitter{
	background: #1AA2F6;
}
.social-link ul li a.google{
	background: #E7462A;
}
.social-link ul li a.linkedin{
	background: #0078B4;
}
.social-link ul li a.pinterest{
	background: #BD081B;
}
.social-link ul li a.reddit{
	background: #FF4400;
}
.social-link ul li a.message{
	background: #9FA3A4;
}
.social-link ul li a:hover{
	width: 90px;
}
.social-link ul li i{
	width: 45px;
}
.social-link ul li span{
	width: 45px;
	text-align: center;
	padding-right: 15px;
}

/* comments form 
------------------------------*/
.comments-wrapper{
	padding: 15px 40px;
	border-top: 1px solid #ddd;
	margin-top: 20px;
}

.comment-title h2{
	margin-bottom: 40px;
}

/* comments media 
--------------------------*/

.comments-responsed-wrapper {
	border-top: 1px solid #ddd;
	margin-top: 50px;
	padding: 20px 40px;
}
.comments-media ol {
	border: 1px solid #eaeaea;
	list-style: outside none none;
	padding: 15px;
	margin-bottom: 15px;
}
.comments-media ol ul{
	list-style: none;
	padding: 0px;
	margin: 0px;
}
.comments-media img {
	border-radius: 50%;
	height: 80px;
	width: 80px;
}
.comment-avatar {
	float: left;
	margin-right: 15px;
	padding-top: 15px;
}
.comment-section {
	margin-left: 95px;
	overflow: hidden;
}
.comment-section h2 {
	display: inline-block;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 10px;
}
.comment-section span {
	color: #aaa;
	font-size: 13px;
	margin-left: 20px;
}
.comment-content a.btn-comment-replay {
    border: 1px solid #aaa;
    border-radius: 3px;
    color: #aaa;
    padding: 0px 10px;
    margin-top: 10px;
    font-size: 12px;
    display: inline-block;
    text-transform: uppercase;
    line-height: 1.42857143;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.comment-content a.btn-comment-replay:hover {
	background: #011a48 none repeat scroll 0 0;
	border-color: #011a48;
	color: #fff;
}
.comments-media li .comment-inner {
	border-bottom: 1px solid #ddd;
	margin-bottom: 15px;
	padding-bottom: 22px;
	overflow: hidden;
}
.comments-media ol ul {
	margin-left: 60px;
}
.comments-media ul li:last-child .comment-inner{
	border-bottom: none;
	padding-bottom: 0px;
}
@media (max-width: 768px) {
	.comments-media ol ul {
		margin-left:0px;
	}
}
@media (min-width: 992px) {
	.comments-media ol ul {
		margin-left: 60px;
	}
}
@media (max-width: 480px) {
	.comment-avatar {
	    float: none;
	    margin-right: 0;
	}
	.comment-section {
	    margin-left: 0;
	}
}

/*---------- / End blog area ---------- */

/*---------- / Footer area ---------- */

h4.subscribe_title {
    color: #fff !important;
	margin-left:30px;
}

.subscribe_form {
	background:#efb30f;
	margin-left: 15%;
	margin-right: 15%;
	margin-bottom: -70px;
	position: relative;
	padding-top: 30px;
	padding-bottom: 15px;
	padding-left: 2%;
	padding-right: 2%;
	border-radius:5px;
}
.subscribe_btn {
    margin-top: 2rem !important;
}

input#subscribeEmail {
    margin-top: 0.5rem !important;
    position: absolute !important;
}

button.sub_btn {
    margin-top: 2.2rem !important;
}

input#subscribeEmail {
	position: relative;
	width: 175px;
	background: transparent;
	border-bottom: 2px solid #fff;
	text-align: center;
	padding: 5px;
	color: #fff !important;
}
button.sub_btn {
    position: relative;
    float: right;
    top: -28px;
    right: 10%;
    font-size: 16px;
    border: none;
    padding: 10px 25px;
    border-radius: 3px;
    font-weight: 600;
    color: #fff;
    background: #002E5B;
}
button.sub_btn i {
    font-size: 14px;
    padding-left: 4px;
    color: #EFB30F;
}
section.footer_area {
    background: #002e5b;
}

.logo_light img {
    margin-top: 0px;
    margin-bottom: 30px;
}

h6.footer_subtitle {
    color: #f5f8f8 !important;
    font-size: 24px;
    font-weight: 600;
    margin-top: 12px;
    margin-bottom: 40px;
}
ul#menu-service-menu li,
ul#menu-footermenu li {
    list-style: none;
    padding-bottom: 10px;
}

ul#menu-service-menu,
ul#menu-footermenu {
    padding-top: 18px !important;
}

ul#menu-service-menu li a,
ul#menu-footermenu li a {
    color: #bcc4ce;
}
ul.footer_nav li.nav-item {
    list-style: none;
    margin: 5px 0px;
}

ul.footer_nav li a {
    color: #bcc4ce !important;
    font-size: 16px;
    font-weight: 400;
	transition:all ease .4s;
}
ul.footer_nav li a:hover {
    color: #EFB30F !important;
}
.contact_icon_area a {
    width: 100%;
    color: #bcc4ce;
    font-size: 16px;
    display: block;
    margin: 5px 0px;
    padding: 10px 5px;
}

.contact_icon_area a i {
    font-size: 20px;
    padding-right: 10px;
    color: #FFCB3D;
}
.footer_social_icon a {
    margin-right: 8px;
    color: #bcc4ce;
    padding: 10px;
}


.footer_social_icon {
    margin-top: 25px;
}
.case_studies_img a.case_img img {
    max-width: 60px;
    margin-top: 20px;
    margin-right: 10px;
}

.payment_img img {
    max-width: 100%;
    margin-top: 10px;
}
.payment_img.pt-20 {
	float: right;
}

.copyright_text p a {
    color: #EEB20F !important;
}
.copyright_text p {
    font-size: 18px;
    font-weight: 500;
    color: #bcc4ce;
}
p.copyright a {
    color: #EEB20F;
}
/*---------- / End Footer area ---------- */

/*Scroll top css */
.scroll_top{
  display:none;
  position: fixed;
  bottom: 60px;
  right: 30px;
  width: 45px;
  text-align: center;
  height: 45px;
  z-index: 99;
  font-size: 24px;
  outline: none;
  color: #002E5B;
  cursor: pointer;
  padding: 10px;
  border-radius: 3px;
  line-height: 1;
  background:#efb30f;
}

/*---------- / End Scroll to Top ---------- */

/*---------- / page-breadcrum style ---------- */
section.page-title {
    margin-top: 2px;
    background: url(assets/img/parallax.jpg);
}
.page-breadcrumbd h2 {
    color: #fff;
}

.page-breadcrumbd p a {
    color: #F1F3F4;
}

.page-breadcrumbd p {
    color: #FFCB4D;
}

/*---------- / Case Studies ---------- */

p.sub_title_text {
    max-width: 650px;
    margin: auto;
    padding-top: 10px;
}

.portfolio-item{
	position: relative;
	margin-bottom: 5%;
	overflow: hidden;
}
.portfolio-item::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background:#002e5b;
	opacity:.8;
}
.portfolio-details {
    position: absolute;
    left: 0;
    bottom: -20%;
    width: 100%;
    padding: 20px 15px;
}
.portfolio-item:hover .portfolio-details {
	bottom: 0;
}

.portfolio-details,
.portfolio-item::before {
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.portfolio-item:hover::before,
.portfolio-item:hover .portfolio-details {
	opacity: 1;
	visibility: visible;
}

.portfolio-details  {
	margin-bottom:15%;
}
.portfolio-details span {
	display: block;
}
.portfolio-details h3 a,
.portfolio-details a {
	color: #fff;
	font-size:18px;
}

/*---------- / portfolio-single-page ---------- */

.single-portfolio-wrapper, 
.single-portfolio-wrapper a{
	font-family: "Poppins";
}

.single-portfolio-title a {
	color: #3452ff;
	font-size: 17px;
	font-weight: 500;
	text-transform: uppercase;
}
.single-portfolio-title h2 {
    font-size: 26px;
    margin-bottom: 20px;
    color: #002E5B;
    margin-top: 10px;
}
.single-portfolio-inner {
    margin-top: 30px;
    margin-bottom: 50px;
}
.portfolio-details-panel p {
	line-height: 27px;
	margin-bottom: 25px;
	color:#616262;
}
.portfolio-details-panel ul span {
	display: inline-block;
	width: 116px;
}
.portfolio-details-panel ul {
	color: #616262;
	list-style: none;
	padding: 0px;
	margin-bottom: 30px;
}
.portfolio-details-panel ul span {
    color: #000;
    text-transform: capitalize;
    font-size: 16px;
}
.portfolio-details-panel ul li {
	padding-bottom: 20px;
	font-size:16px;
}
.portfolio-details-panel ul a {
    color: #616262;
    margin-right: 10px;
    padding: 5px;
}
.portfolio-details-panel ul a:hover {
	color: #3452ff;
}

.single-portfolio-images img {
	margin-bottom: 30px;
}

.divider{
	background: #EEEEEE;
	display: block;
	width: 100%;
	height: 1px;
	margin: 10px 0px;
}
.company-address{
	margin: 0 15px;
}
.company-address ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.company-address ul li{
	padding-left: 50px;
	position: relative;
	margin-bottom: 40px;
}
form.contact-form {
    margin-right: 3%;
    margin-left: 1%;
    padding-bottom: 25px;
}
input#submit:focus,
input#submit:active {
    background: #002E5B !important;
	box-shadow:none !important;
	border:none !important;
}
input#submit {
    background: #002E5B !important;
    padding: 15px 40px;
    text-align: center;
    color: #f7f7f7;
	border:none !important;	
	box-shadow:none;
    font-size: 18px;
}
form.contact-form .form-control {
    background: #f7f7f7;
	margin-top: 0px !important;
    margin-bottom: 0px !important;	
}
.company-address ul li i{
	left: 0;
	position: absolute;
	top: 4px;
	color: #4860F0;
	font-size: 22px;
}
.company-address ul li a{
	color: #61727f;
}
.company-address ul li i {
    color: #FFCB3D;
    padding-top: 5px;
}

/*---------- / Blog Comments ---------- */

.comment-author.vcard img {
    height: 70px;
    width: 70px;
    border-radius: 100%;
}

.comment-author.vcard {
    color: #002E5B !important;
    font-size: 16px !important;
}

b.fn a.url {
    color: #002E5B;
    font-weight: 500;
    font-size: 16px;
}

span.says {
    font-size: 16px;
}

.comment-metadata a time {
    color: #002E5B;
    font-size: 14px;
}

.comment-body {
    margin-bottom: 25px;
    margin-top: 25px;
}

.comment-content p {
    margin-top: 10px;
}

ol.commentlist {
    list-style: none;
}
/*---------- / Blog post comment form ---------- */

p.comment-form-comment label {
	position: absolute;
	margin-left: 15px;
	font-size: 16px;
	margin-top: 10px;
}

p.comment-form-comment textarea {
	border: none;
	border-radius: 4px;
}

p.comment-form-author label, p.comment-form-email label, p.comment-form-url label {
	position: absolute;
	margin-left: 10px;
	font-size: 16px;
	margin-top: 5px;
}

p.comment-form-author input, p.comment-form-email input, p.comment-form-url input {
	border: none;
	padding: 5px;
	width: 50%;
	margin-bottom: 10px;
}

p.comment-form-cookies-consent label {
	font-size: 16px;
	margin-left: 8px;
}

p.form-submit input {
	margin-top: 20px;
	border-radius: 5px;
}

p.comment-notes {
	display: none;
}

.comment-form {
	margin-top: 35px;
}
/*---------- / News & Blog ---------- */

p.blog_text {
    line-height: 24px;
    padding: 0px 26px;
    font-size: 14px;
}
.blog_details {
    padding-left: 24px;
    padding-right: 4px;
    padding-bottom: 50px;
}
/*---------- / Responsive Part ---------- */

@media only screen and (min-width: 200px) and (max-width: 1200px){
	
	ul#menu-servicemenu {
		position: relative;
		background: none;
		}

	ul#menu-footermenu {
		position: relative;
		background: none;
		}	
	}
	
@media only screen and (min-width: 768px) and (max-width: 993px){

.subscribe_form {
    margin-left: 1%;
    margin-right: 1%;
}

.expertise_title h6 {margin-left: 5px;padding-top: 25px;}

.expertise_icon img {margin-top: -10px;width: 30px;}

section.expertise_area .container {max-width: 100%;}

.subscribe_form {
    margin-left: 1%;
    margin-right: 1%;
}	
	.team_single_img {
		position: static;
	}
	.team_member_text {
		margin-left: 10px;
		position: relative;
	}
	.portfolio-details {
		position: absolute;
		left: 0;
		bottom: -10%;
		width: 100%;
		padding:5px;
	}
	.portfolio-details h3 a, .portfolio-details a {
		font-size: 14px;
	}
	
}
@media (max-width: 768px) {

.subscribe_form {
    margin-left: 1%;
    margin-right: 1%;
}

.expertise_title h6 {margin-left: 5px;padding-top: 25px;}

.expertise_icon img {margin-top: -10px;width: 30px;}

section.expertise_area .container {max-width: 100%;}
.subscribe_form {
    margin-left: 1%;
    margin-right: 1%;
}	
.about_img_right img.img_one {position: relative;}

	section.faqs_client.section-padding:before {
		position: absolute;
		content: "";
		visibility:hidden;
	}
	.feedback_section_text {
		margin-top: 30px;
	}

	.feedback_section_text h6.sub_title, 
	.feedback-pc i,
	.feedback-box p,
	.feedback-bio h5,
	.feedback-bio span,
	.feedback_section_text h2.section_title {
		color: #fff !important;
	}
	.tab_btn_dark {
		padding-bottom: 40px;
	}

	.about_img_right img {
		margin-top: 40px;
	}	

}
.widget_media_gallery {
    padding-top: 5rem;
}