/*
 Theme Name:   Compello Child
 Description:  A Compello Child Theme
 Author:       Dymentions Media
 Template:     Compello
 Version:      1.0.0
*/


/* Theme Fonts */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap');


body, html {
	font-family: 'Open Sans', sans-serif;
    overflow-x: hidden;
}
body{
	font-size: 15px;
}
.vc_row {
    margin-left: auto !important;
    margin-right: auto !important;
}

p {
	font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 25px;
	color: #7a7f83;
}
strong {
    color: #0000;
}

h1, h3, h5, h6 {
	font-family: 'Open Sans', sans-serif;
}
h2 {
	font-size: 48px;
    /*text-transform: uppercase;*/
    color: #005081;
    font-family: 'Oswald', sans-serif;
}
h4 {
	font-size: 18px;
    color: #2c2c2c;
    font-family: 'Open Sans', sans-serif;
}

.footer-cta { /*background-color: #011b2a;
background-image: linear-gradient(to right,#011b2a,#0975b5);*/
background-color: #011b2a;
background-image: linear-gradient(to right,#011b2a 45%,#0975b5);
color: #fff;
max-width: 975px;
margin: 0 auto;
display: flex;
border-radius: 15px;
box-shadow: 10px 10px 15px -10px #000;
position: relative;
padding: 20px 10px;
z-index: 11; }

.footer-cta-left h3 { font-family: Roboto;
font-weight: 500;
line-height: 30px;
margin-top: 0;
font-size: 25px;} 

.footer-cta-left p { margin: 0;
color: #ddd;
font-family: Roboto;
font-size: 12px;
font-style: italic;
line-height: 20px; } 

#footer .footer-cta-right a { background: #fff;
font-family: Roboto;
color: #005081;
padding: 10px 15px;
font-weight: 500;
border-radius: 5px;
margin-top: 25%;
display: block;
text-align: center;
text-decoration: none;
transition: all 0.5s ease 0s; }

#footer .footer-cta-right a:hover{ background:#005081; color:#ffffff; text-decoration: none; }

.footer-bottom { clear: both;
font-family: Roboto;
/*background-image: url(images/footer-bottom-bg.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;*/
margin-top: -5%;
position: relative; }

.footer-bottom::before { content: "";
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.40);
width: 100%;
height: 100%;
position: absolute;
z-index: 1; }

.footer-bottom-inner { padding-top: 10%;
position: relative;
z-index: 1; }

.footer-bottom-inner .footer-logo1 {
  width: 450px;
}

.footer-bottom h3.widget-title { padding-top: 25px;
font-family: Roboto;
font-size: 20px;
font-weight: 500;
letter-spacing: 1px;
margin-bottom: 20px; }

.footer-bottom .widget_media_image { margin-bottom: 35px; }

.footer-bottom p { color:#ffffff; font-family:Roboto; }

.footer-bottom p strong { color:#ffffff; }

.footer-copyright { clear: both;
text-align: center;
padding: 50px 0 35px 0;
overflow: hidden; }

.footer-copyright p { color: #fff;
font-family: Roboto;
margin: 0; }

.footer-bottom video { width: 100%;
position: absolute;
left: 0;
right: 0;
/*object-fit: fill;*/
object-fit: cover;
height: 100%; }

.page-id-414 section#security-sec1 { height: auto;
padding-bottom: 0;
padding-top: 250px;
min-height: 650px; 
}

.contact-hero-section h1.page-head {
  font-family: Roboto;
  color: #fbb13e;
  font-size: 70px;
  font-weight: normal;
  line-height: 60px;
  position: relative;
  max-width: max-content;
  margin-left: auto;
  margin-right: auto;
  width: auto;
  display: inline-block;
}

.contact-hero-section h1.page-head span { 
color: #ffffff;
text-transform: capitalize;
font-size: 60px;
max-width: max-content;
margin-left: auto;
margin-right: auto;
display: block;
font-weight: 500; 
}

.contact-hero-section .page-head::before {
	content: "";
background-image: url(images/title-divider.png);
min-width: 60px;
min-height: 180px;
display: inline-block;
background-repeat: no-repeat;
background-position: center;
position: absolute;
left: -55px;
}

.contact-video { position: absolute;
top: 0;
width: 100%;
height: 100%;
left: 0;
right: 0;
bottom: 0; }

.contact-video .vc_column_container > .vc_column-inner { padding:0; }

.contact-video .wp-video { min-width: 100vw; }

.contact-video .wp-video::after { content: "";
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.50);
position: absolute;
left: 0;
right: 0;
top: 0; 
height: 100%; }

#contact-sec2-inner .sub-head {
font-family: Roboto;
font-weight: normal;
color: #071d29;
text-align: center;
font-size: 60px;
max-width: 1200px;
position: relative;
letter-spacing: 1px;
margin: 0 auto;
}
	  
#contact-sec2-inner h2.sub-head:before {
        content: "";
        display: block;
        width: 170px;
        height: 3px;
        background: #091925;
        left: 0;
        top: 50%;
        position: absolute;
      }
	  
#contact-sec2-inner h2.sub-head:after {
        content: "";
        display: block;
        width: 170px;
        height: 3px;
        background: #091925;
        right: 0;
        top: 50%;
        position: absolute;
      }
	  
#contact-sec2-inner h3.sub-sub-head { color: #073f5d;
text-align: center;
font-size: 50px;
font-family: Roboto;
font-weight: normal;
padding-bottom: 5%; }

#contact-sec2-inner .orange-box-title { font-family: Roboto;
color: #073f5d;
font-size: 60px;
font-weight: normal;
margin-top: 0;
margin-bottom: 10px; }

#contact-sec2-inner .orange-box-subtitle { font-family: Roboto;
font-weight: 400;
color: #073f5d;
font-size: 40px;
margin-top: 0;
max-width: 450px;
line-height: 120%; }

#contact-sec2-inner .orange-box-desc { font-family: Roboto;
line-height: 100%;
color: #073f5d;
font-size: 30px;
text-align: left;
font-weight: 400;
margin-top: 25px; }

#contact-sec2-inner .gradient-corners {
    padding: 5% 8%;
	 border: 10px solid transparent;
	 background-image: linear-gradient(to right, #f89b32, #ffffff 80%), linear-gradient(to bottom, #ffffff 55%, #F89B32), linear-gradient(to left, #f89b32, #ffffff 80%), linear-gradient(to top, #ffffff 50%, #f89b32);
	background-origin: border-box;
  background-size: 100% 7px, 7px 100%, 100% 7px, 7px 100%;
  background-position: top left, top right, bottom right, bottom left;
  background-repeat: no-repeat;
  margin: 0px;
  transition: transform 0.6s cubic-bezier(0.76, 0, 0.24, 1), box-shadow 0.8s cubic-bezier(0.76, 0, 0.24, 1);
}

#contact-sec2-inner .wpb_video_widget { max-height: 310px;
margin: 0; overflow:hidden; }

#contact-sec2-inner h4.contact-text { font-family: Roboto;
color: #073f5d;
font-size: 30px;
text-align: left;
font-weight: 400;
line-height: 120%;
margin-top: 0;
padding-bottom: 50px; }

#contact-sec2-inner .contact-phone, #contact-sec2-inner .contact-mail {
font-family: Roboto;
font-weight: 400;
margin-left: 15px;
color: #0f3a53;
text-align: center;
font-size: 30px;
position: relative;
text-decoration: none;
      }

#contact-sec2-inner .contact-phone:hover, #contact-sec2-inner .contact-mail:hover { text-decoration: none; }

#contact-sec2-inner h3.contact-person-name { color: #0f3a53;
font-size: 60px;
font-weight: 400;
padding-top: 3%; }

#security-sec1.inner-hero-section {
  min-height: 650px;
padding-top: 270px;
padding-bottom: 0;
height: auto;
box-shadow: 0px 0px 20px 0px #000; } 

.inner-hero-section::before { content: "";
background: none repeat scroll 0 0 rgba(6, 23, 32, 0.65);
height: 100%;
width: 100%;
display: block;
position: absolute;
top: 0; }

.inner-hero-section h1.page-head { font-family: Roboto;
color: #fbb13e;
font-size: 90px;
font-weight: normal;
line-height: 130%;
position: relative;
max-width: max-content;
margin-left: auto;
margin-right: auto;
text-shadow: 0px 5px 5px #000; }
	
.inner-hero-section h1.page-head::before { content: "";
background-image: url(images/title-divider.png);
min-width: 35px;
min-height: 110px;
display: inline-block;
background-repeat: no-repeat;
background-position: center;
position: absolute;
left: 0;
  }

body .container { max-width: 1366px;
width: 96%; } 

#main-industry { padding-bottom: 30px;
border-bottom: 1px solid #9f9f9f;
margin-bottom: 40px; }

#main-industry ul.industry-list {
display: grid;
grid-template-columns: repeat(8, 1fr);
grid-gap: 2px;
text-transform: none;
}

.tech-adv-text #main-industry ul li { background:none; padding:0; }

#main-industry .industry-img { height: auto;
padding: 0;
max-width: 100px;
margin-left: auto;
margin-right: auto; }

#main-industry .industry-content { background: none;
box-shadow: none;
padding: 0;
bottom: 0;
height: auto; }

#main-industry h3.industry-title {  color: #005081;
font-size: 14px;
font-weight: 500;
line-height: 20px;
text-transform: none; }

.wc-industry-content .wc-industry-item { display: flex;
width: 100%;
padding-bottom: 35px;
border-bottom: 1px solid #9f9f9f;
margin-bottom: 35px; }

.wc-industry-content .wc-industry-item:last-child { border-bottom:none; padding-bottom:0; }

.wc-industry-content .wc-industry-feature-img { flex: 1;
margin: 10px 130px 20px 10px;
padding: 7px 10px 10px 7px;
	 border: 2px solid transparent;
	 background-image: 	 linear-gradient(to right, #f89b32, #ffffff 30%), linear-gradient(to bottom, #ffffff 75%, #F89B32), linear-gradient(to left, #f89b32, #ffffff 45%), linear-gradient(to top, #ffffff 80%, #f89b32);
	background-origin: border-box;
  background-size: 100% 2px, 2px 100%, 100% 2px, 2px 100%;
  background-position: top left, top right, bottom right, bottom left;
  background-repeat: no-repeat;
max-height: 450px; }

.wc-industry-content .wc-industry-feature-img img { width: 300px;
height: 100%;
box-shadow: 10px 10px 5px -5px #999;
	-webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft; }

.wc-industry-content .wc-content { font-family: Roboto;
font-size: 18px;
color: #073f5d; }

.wc-industry-content .wc-industry-title { color: #073f5d;
font-size: 40px;
font-weight: normal;
line-height: 40px;
text-transform: uppercase;
font-family: Roboto;
letter-spacing: .5px;
margin-top: 0;
margin-bottom: 15px; }

.wc-industry-content p { font-family: Roboto;
color: #073f5d;
font-size: 18px;
margin-bottom: 20px; }

.privacy-policy-content .wpb_text_column ul { margin-left: 40px; }

.privacy-policy-content .wpb_text_column li { color: #777;
list-style-type: disc;
margin-bottom: 5px;
}

#back-to-top {
    position: fixed;
    bottom: 115px;
    right: 40px;
    z-index: 9999;
    font-size: 24px;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 30px;
    background: #fff;
    color: #334a65;
    border: 1px solid #334a65;
    cursor: pointer;
    border-radius: 2px;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0;
}
#back-to-top.show {
    opacity: 1;
}
.btn-green a {
    background: #005081 !important;
    border: 1px solid #005081 !important;
    color: #fff !important;
    padding: 18px 50px !important;
    font-size: 12px !important;
    font-weight: 500;
    border-radius: 0 !important;
    transition: .5s ease all;
    box-shadow: 1px 2px 5px #333333;
}
.btn-green a:hover {
    background: none !important;
    border: 1px solid #005081 !important;
    color: #005081 !important;
    border-radius: 100px;
}
.btn-green i {
    margin-left: 40px;
}
.inner-head-row img.custom-logo {
    display: block;
    max-width: 100%;
    height: auto;
}

/* Custom Style */

.top-footer {
    height: 465px;
    background: #005081;
    padding-top: 80px;
    padding-bottom: 70px;
}
.bottom-footer {
    height: 65px;
    background: #002840;
	text-align: center;
}
h3.widget-title {
    color: #fff;
    margin-bottom: 30px;
    margin-top: 0;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
}
.inner-head-row {
	padding: 0;
}
footer#footer ul.menu li.menu-item.search-menu-item {
    display: none ;
}
footer#footer ul.menu li.menu-item a {
    font-size: 15px;
	color: #fff;
	transition: .5s ease all;
	font-weight: normal;
	font-family: Roboto;
}
footer#footer ul.menu li.menu-item {
    margin-bottom: 12px;
}
footer#footer .bottom-footer ul.menu {
    display: flex;
    flex-flow: row;
    margin: 0;
    align-items: flex-end;
    justify-content: flex-end;
}

footer#footer .bottom-footer .container {
    height: 100%;
    display: flex;
    align-items: center;
}

footer#footer .bottom-footer ul.menu li.menu-item {
    margin-bottom: 0 !important;
}
footer#footer .bottom-footer p {
    margin: 0;
    color: #fff;
	font-size: 14px;
}
footer#footer .bottom-footer strong {
    color: #fff;
}
footer#footer .bottom-footer ul.menu li.menu-item {
    margin-right: 25px;
    border-right: 1px solid #fff;
    padding-right: 25px;
}
footer#footer .bottom-footer ul.menu li.menu-item:last-child {
    border-right: none;
}
footer#footer .bottom-footer ul.menu li.menu-item a:hover {
    color: #334a65;
}
footer#footer .bottom-footer ul.menu li.menu-item a {
    font-weight: 500;
	transition: .5s ease all;
}
header#masthead ul.menu li.menu-item:hover a {
    color: #fff;
	text-decoration:underline;
}
footer#footer ul#menu-footer-4 li a {
    text-decoration: underline;
}
footer#footer ul.menu li.menu-item a:hover {
    color: #dddddd;
}
footer#footer a:hover {
    color: #dddddd;
	text-decoration:underline;
}
footer#footer a {
    color: #fff;
}
footer#footer .top-footer a.btn.btn-green {
    background: #63c127;
    border: 1px solid #63c127;
    color: #fff;
    padding: 20px 40px;
    font-size: 17px;
    font-weight: 500;
    border-radius: 6px;
    transition: .5s ease all;
}

footer#footer .top-footer a.btn.btn-green i {
    margin-left: 40px;
}

footer#footer .top-footer a.btn.btn-green:hover {
    background: none;
    border: 1px solid #63c127;
    color: #fff;
    border-radius: 100px;
}
footer#footer .top-footer h4 {
    margin-bottom: 20px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
}
.top-footer p {
    font-size: 12px;
    color: #fff;
    transition: .5s ease all;
    font-weight: 300;
    line-height: normal;
}
/* Simple Footer Style */

footer#simple-footer .bottom-footer .container {
    height: 100%;
    display: flex;
    align-items: center;
}

footer#simple-footer .bottom-footer p {
    margin: 0;
    color: #fff;
}

footer#simple-footer .bottom-footer ul.menu {
    display: flex;
    flex-flow: row;
    margin: 0;
    align-items: flex-end;
    justify-content: flex-end;
}
footer#simple-footer .bottom-footer ul.menu li.menu-item {
    margin-right: 25px;
    border-right: 1px solid #fff;
    padding-right: 25px;
}
footer#simple-footer  .bottom-footer ul.menu li.menu-item a {
    font-weight: 500;
    transition: .5s ease all;
}
footer#simple-footer ul.menu li.menu-item a {
    font-size: 14px;
    color: #fff;
    transition: .5s ease all;
}
footer#simple-footer .bottom-footer ul.menu li.menu-item:last-child {
    border-right: none;
}
footer#simple-footer .bottom-footer ul.menu li.menu-item a:hover {
    color: #334a65;
}
footer#simple-footer .simple-footer-inner {
    height: 158px;
    background: #334a65;
    padding-top: 50px;
    padding-bottom: 45px;
    text-align: center;
}

.schedule-call {
    font-size: 16px;
    font-weight: 500;
    padding: 10px;
    background: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 0;
    color: #175082;
    transition: .5s ease all;
    text-align: center;
    text-decoration: none !important;
    margin-top: 30px;
}

.schedule-call a.sc-btn {
    text-decoration: none !important;
    color: #175082 !important;
}

.schedule-call a.sc-btn i {
    margin-right: 10px;
}

.schedule-call:hover {
    background: #175082;
}

.schedule-call:hover a {
    color: #fff !important;
}

/* Simple footer Style end */

header#masthead ul.menu {
    display: flex;
    flex-flow: row;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 0;
}

#header-top {
    background: #334a65;
    height: 52px;
}
header#masthead div#bottom-header ul.menu li.menu-item.search-menu-item  div#search-compello {
    display: none;
    position: absolute;
    right: 0;
    width: 300px;
    top: 40px;
}
header#masthead li.search-menu-item div#search-compello {
    display: none;
    position: absolute;
    width: 300px;
    right: 0;
    top: 30px;
}
header#masthead div#bottom-header ul.menu li.menu-item.menu-item-has-children ul.sub-menu li.menu-item.menu-item-has-children ul.sub-menu {
    display: none;
}
header#masthead div#bottom-header li.search-menu-item a {
    height: auto !important;
}
header#masthead div#bottom-header ul.menu li.menu-item.menu-item-has-children ul.sub-menu li.menu-item.menu-item-has-children:hover ul.sub-menu {
    display: block;
    position: absolute;
    left: 100%;
    top: 0;
}
header#masthead div#bottom-header ul.menu li.menu-item.search-menu-item {
    position: relative;
}
header#masthead div#bottom-header ul.menu li.menu-item.menu-item-has-children ul.sub-menu li.menu-item.menu-item-has-children ul.sub-menu li.menu-item a {
    color: #005081;
}

header#masthead div#bottom-header ul.menu li.menu-item.menu-item-has-children ul.sub-menu li.menu-item.menu-item-has-children ul.sub-menu li.menu-item:hover a {
    color: #fff;
}
header#masthead div#header-top .top-right {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
}
header#masthead #header-top ul.menu {
    display: flex;
    flex-flow: row;
    margin: 0;
    align-items: flex-end;
    justify-content: flex-end;
}
header#masthead .top-search input.top-search-input {
    background: transparent;
    border: none;
    border-left: 1px solid #fff;
    color: #fff;
    padding-left: 10px;
}
header#masthead .top-search input.top-search-input::placeholder {
    color: #fff;
}
header#masthead .top-search i {
    color: #fff;
    margin-right: 10px;
}

header#masthead #header-top ul.menu li.menu-item {
    margin-right: 25px;
    border-right: 1px solid #fff;
    padding-right: 25px;
}
header#masthead #header-top ul.menu li.menu-item:last-child {
    border-right: none;
}
header#masthead #header-top ul.menu li.menu-item:hover a {
    color: #63c127;
    text-decoration: none;
}
header#masthead #header-top ul.menu li.menu-item a {
    font-weight: 500;
    transition: .5s ease all;
}

header#masthead #header-top ul.menu li.menu-item a {
    font-size: 14px;
    color: #fff;
    transition: .5s ease all;
}

#header-top .container {
    height: 100%;
    display: flex;
    align-items: center;
}
header#masthead .bottom-header .container {
    height: 100%;
}
.header-top{
    position: relative;
    display: flex;
    height: 30px;
    align-items: center;
    background: #ececec;
    overflow: hidden;
    transition: all 0.5s ease 0s;
}
header#masthead.fixed .bottom-header {
    height: 100px;
    /*  overflow: hidden;
    transition: all 0.5s ease 0s; */
}
header#masthead.fixed .inner-head-row img {
    width: 70%;
    height: auto;
    transition: .5s ease all;

}
header#masthead.fixed {
    height: 100px !important;
    min-height: 100px;
    box-shadow: 0px -5px 30px #ddd;
    background: #005081;
    position: fixed;
}

header#masthead {
    position:fixed;
    top: 0;
    left: 0;
    background: ;
    right: 0;
    width: 100%;
    max-width: 100%;
    min-height: 70px;
    z-index: 999;
    margin: 0 auto;
    height: px;
   /*  transition: all 0.5s ease; */
}
header#masthead {
    height: 180px;
}
.bottom-header {
    height: 180px;
}
header#masthead .container .row {
    height: 100%;
    display: flex;
    align-items: center;
	justify-content: space-between;
}
header#masthead div#bottom-header ul.menu li.menu-item {
    margin-left: 50px;
}
header#masthead ul.menu li.menu-item a {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}
header#masthead ul.menu li.get-contact {
    background: #63c127;
    border: 1px solid #63c127;
    padding: 20px 30px;
    border-radius: 6px;
    position: relative;
    transition: .5s ease all;
	box-shadow: 1px 2px 5px #333333;
}
header#masthead ul.menu li.get-contact:hover {
    background: #334a65;
    border-radius: 100px;
}
header#masthead ul.menu li.get-contact a {
    color: #fff !important;
    text-decoration: none;
}

header#masthead ul.menu li.get-contact:after {
    content: '\f061';
    font-family: FontAwesome;
    color: #fff;
    margin-left: 10px;
}
header#masthead ul.menu li.mobile-login {
    display: none;
}
header#masthead div#bottom-header ul.menu li.menu-item.menu-item-has-children ul.sub-menu {
    display: none;
}
header#masthead div#bottom-header ul.menu li.menu-item.menu-item-has-children:after {
    content: '\f0d7';
    font-family: fontAwesome;
    color: #fff;
    margin-left: 5px;
}
header#masthead div#bottom-header ul.menu li.menu-item.menu-item-has-children:hover ul.sub-menu li.menu-item:hover {
    background: #005081;
}

header#masthead div#bottom-header ul.menu li.menu-item.menu-item-has-children:hover ul.sub-menu li.menu-item:hover a {
    color: #fff;
}
header#masthead div#bottom-header ul.menu li.menu-item.menu-item-has-children:hover ul.sub-menu {
    display: block;
    position: absolute;
    background: #fff;
    padding: 20px 0;
    width: 240px;
    line-height: 2;
    box-shadow: 2px 3px 6px #464646;
}

header#masthead div#bottom-header ul.menu li.menu-item.menu-item-has-children:hover ul.sub-menu li.menu-item a {
    color: #005081;
    text-decoration: none;
	font-size: 15px;
}

header#masthead div#bottom-header ul.menu li.menu-item.menu-item-has-children:hover ul.sub-menu li.menu-item {
    margin: 0;
    padding: 0 15px;
}

.grid-field {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
}
.grid-field.bi-form {
    flex-flow: column;
}
.half-field {
    width: 48%;
    margin-bottom: 30px;
}

.half-field input.wpcf7-form-control {
    width: 100%;
    height: 60px;
    background: #fff;
    border-radius: 5px;
    padding: 5px 30px;
    color: #606d78;
}
.half-field input.wpcf7-form-control:hover {
    box-shadow: 5px 10px 25px #e6e6e6;
}

.quarter-field {
    width: 32%;
    margin-bottom: 30px;
}

.quarter-field input.wpcf7-form-control {
    width: 100%;
    height: 60px;
    background: #fff;
    border-radius: 5px;
    padding: 5px 30px;
    color: #606d78;
}
.quarter-field input.wpcf7-form-control:hover {
    box-shadow: 5px 10px 25px #e6e6e6;
}

.full-field input.wpcf7-form-control {
    width: 100%;
    height: 70px;
    background: #fff;
    border-radius: 0;
	padding-left: 30px;
}
.full-field textarea.wpcf7-form-control {
    width: 100%;
    height: 200px;
    background: #fff;
    border-radius: 0;
	padding: 22px 30px;
}
.full-field {
    width: 100%;
    margin-bottom: 30px;
}

.full-field select.wpcf7-form-control {
    width: 100%;
    height: 60px;
    background: #fff;
    border-radius: 5px;
    padding: 5px 30px;
    color: #606d78;
    border: 1px solid #dddddd;
	transition: .5s ease all;
}
.full-field select.wpcf7-form-control:hover {
    box-shadow: 5px 10px 25px #e6e6e6;
}
.btn-field {
    text-align: center;
    padding-top: 10px;
	width: 100%;
}

input.wpcf7-form-control.wpcf7-submit {
    font-size: 16px;
    font-weight: 500;
    padding: 20px 40px;
    background: #005081;
    border: 1px solid #005081;
    border-radius: 0;
    color: #fff;
    transition: .5s ease all;
}
input.wpcf7-form-control.wpcf7-submit:hover {
    color: #ffffff;
    background: #005081;
    box-shadow: 4px 4px 5px #103d58;
}
.btn-field i {
    color: #fff;
    position: relative;
    left: -90px;
}
.half-field input.wpcf7-form-control::placeholder {
    color: #606d78;
}
.slick-next.slick-arrow {
    top: 16.5em !important;
    right: 0 !important;
    position: absolute;
    color: #005081;
    font-size: 24px;
    line-height: 24px !important;
    cursor: grab;
    width: 65px;
    height: 65px;
    border: 3px solid #005081;
    border-radius: 0;
    text-align: center;
    display: flex !important;
    align-items: center;
    justify-content: center;
}
.slick-prev.slick-arrow {
    top: 16.5em !important;
    right: 92px !important;
    position: absolute;
    color: #005081;
    font-size: 24px;
    width: 65px;
    height: 65px;
    cursor: grab;
    border: 3px solid #005081;
    border-radius: 0;
    text-align: center;
    display: flex !important;
    align-items: center;
    justify-content: center;
}
.slick-arrow:hover {
    background: #005081;
    color: #fff;
    transition: .5s ease all;
}
ul.slick-dots {
    display: flex !important;
    flex-flow: row;
    position: absolute;
    top: 28em;
}

ul.slick-dots li:after {
    content: '';
    width: 22px;
    height: 1px;
    background: #005081;
    position: absolute;
    top: 32px;
    right: -10px;
}
ul.slick-dots li:last-child:after {
    display: none !important;
}
ul.slick-dots li button {
    background: none;
    box-shadow: none;
    outline: none;
    font-size: 18px;
    font-weight: bold;
    color: #005081;
}

ul.slick-dots li {
    position: relative;
}
/* Compello Style */

.slider-link {
 	color: #313131; 
}
ul.article-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-row-gap: 30px;
    grid-column-gap: 30px;
}
.article-content {
    background: #fff;
    position: absolute;
    left: 0;
    right: 0;
    top: 85%;
    width: 80%;
    margin: 0 auto;
    box-shadow: 0 5px 20px #f1f1f1;
    padding: 30px 10px;
    text-align: center;
}
.article-content p {
    font-size: 14px;
}
.article-content span.art-date {
    color: #8b8b8b;
    font-size: 12px;
    font-weight: 500;
}
li.article-item-list {
    position: relative;
}
h3.art-title {
    font-size: 18px;
    font-weight: 700;
}
.heading-blue h2 {
    color: #909090;
    font-size: 48;
    text-align: center;
    text-transform: uppercase;
    color: #005081;
    text-align: center;
    font-family: 'Oswald', sans-serif;
}
.heading-blue h5 {
    color: #909090;
    font-size: 12px;
    text-align: center;
}
.heading-blue p {
    text-align: center;
}
.heading-blue {
    margin-bottom: 80px !important;
}
section#home-sec2 {
    padding-top: 30px;
    padding-bottom: 10px;
}
section#home-sec7 {
	padding-top: 80px;
    padding-bottom: 50px;
    background-size: cover;
    background-repeat: no-repeat;
    height: auto;
    overflow: visible;
}

section#home-sec4 {
    padding-top: 70px;
    padding-bottom: 50px;
    background-size: cover;
    background-repeat: no-repeat;
}

.what-drives {
    text-align: center;
}
.what-drives h3 {
    font-size: 25px;
    text-transform: uppercase;
    color: #005081;
    text-align: center;
    font-family: 'Oswald', sans-serif;
}
.what-drives h5 {
    color: #909090;
    font-size: 12px;
    text-align: center;
}

.what-drives h2 {
    font-size: 48px;
    text-transform: uppercase;
    color: #005081;
    text-align: center;
    font-family: 'Oswald', sans-serif;
    margin-bottom: 50px;
}

.what-drives p {
    color: #313131;
    font-size: 18px;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif;
    font-style: italic;
    width: 86%;
    margin: 0 auto;
    position: relative;
}
section#home-sec5 {
    position: relative;
    overflow: visible;
    margin-bottom: 60em;
}
#home-sec5-inner {
    height: 510px;
    position: relative;
    overflow: visible;
}
div#home-sec5-inner2 {
    position: absolute;
    left: 0;
    right: 0;
    top: 70%;
}
.heading-white {
    text-align: center;
}

.heading-white h5 {
    color: #80a8c0;
    font-size: 12px;
    text-align: center;
}

.heading-white h2 {
    font-size: 48px;
    text-transform: uppercase;
    color: #ffffff;
    text-align: center;
    font-family: 'Oswald', sans-serif;
    margin-bottom: 50px;
}

.heading-white p {
    color: #fff;
}
.serv-img img {
    width: 150px;
    height: 150px !important;
    object-fit: contain;
}
.serv-text {
    width: 80%;
    background: #fff;
    box-shadow: 0 8px 8px #b9b9b9;
    margin: 0 auto;
    text-align: center;
    padding: 20px 10px;
    position: absolute;
    left: 0;
    right: 0;
    top: 75%;
    height: 180px;
	transform: translateY(0);
    transition: .5s ease all;
}
.serv-text p {
    font-size: 15px;
	line-height:25px;
}
.serv-text a.home-box-link {
    color: #005081;
    font-weight: 700;
    text-decoration: underline;
}
div#serv-col .vc_column-inner {
    position: relative;
    margin-bottom: 120px;
}
div#serv-col .vc_column-inner:hover .serv-text {
    transform: translateY(15px);
    transition: .5s ease all;
}
.serv-img {
    margin-bottom: 100px !important;
}
.serv-text h4 {
    text-transform: uppercase;
    font-weight: 600;
}
.numberbox {
    display: flex;
	height: auto;
    outline: none;
}

span.lightnumber {
    font-weight: bold;
    font-size: 95px;
    color: #eeeeee;
}

.inner-number {
    position: relative;
	display: none;
}

span.darknumber {
    background: #005081;
    color: #fff;
    border-radius: 100px;
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 32px;
    left: 6em;
    font-weight: 600;
	display: none;
}

span.darknumber:before {
    content: '';
    width: 30px;
    position: absolute;
    height: 2px;
    background: #005081;
    right: 35px;
}
.business-start h5 {
    color: #005081;
    font-size: 48px;
	text-transform: uppercase;
    margin-top: 10px;
    margin-bottom: 30px;
    font-weight: 600;
    font-family: 'Oswald', sans-serif;
}
ul.testimonial-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 15px;
}
.business-start h2 {
    font-size: 30px;
    text-transform: uppercase;
    color: #ffffff;
    font-family: 'Oswald', sans-serif;
    margin-bottom: 45px;
	margin-top: 40px;
}

ul.testimonial-list li.item-list {
    height: auto; 
    outline: none;
}

ul.testimonial-list li.item-list p.cont {
    color: #2c2c2c;
    font-style: italic;
    font-weight: 400;
    margin-bottom: 10px;
    letter-spacing: 1px;
    font-size: 13px;
    line-height: 18px;
    position: relative;
}
ul.testimonial-list li.item-list p.cont:before {
    content: '';
    background: url(https://www.compellopartners.com/wp-content/uploads/2020/10/dont-left.png);
    position: absolute;
    top: -16px;
    left: -20px;
    width: 90px;
    height: 90px;
    background-size: contain;
    background-repeat: no-repeat;
}


ul.testimonial-list li.item-list p.cont:after {
    content: '';
    background: url(https://www.compellopartners.com/wp-content/uploads/2020/10/dont-left.png);
    position: absolute;
    bottom: -30px;
    right: 0;
    width: 90px;
    height: 90px;
    background-size: contain;
    background-repeat: no-repeat;
}

ul.testimonial-list li.item-list h3.test-title {
    font-size: 17px;
    color: #005081;
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 10px;
}
.test-content span.test-span {
    font-size: 13px;
    color: #005081;
    font-weight: bold;
}
.test-content h4 {
    font-size: 17px;
    color: #005081;
    font-weight: bold;
    margin-top: 3px;
}
.what-we-do h5 {
    color: #909090;
    font-size: 12px;
}

.what-we-do h2 {
    font-size: 48px;
    text-transform: uppercase;
    color: #005081;
    font-family: 'Oswald', sans-serif;
    margin-bottom: 10px;
    margin-top: 10px
}
.what-we-do h4 {
    margin-bottom: 7px;
    font-size: 15px;
    line-height: 25px;
    width: 85%;
}

.what-we-do p {
    width: 85%;
    font-size: 14px;
    line-height: 25px;
}
.sec2-img-col .vc_column-inner {
    padding-left: 0 !important;
}
.inner-content h4 {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}

.inner-content {
    width: 80%;
    padding-left: 10px;
}

.inner-content p {
    font-size: 14px;
    line-height: normal;
}
.top-footer img.footer-logo-class {
    margin-top: 80px;
}
.what-drives p:before {
    content: url(https://www.compellopartners.com/wp-content/uploads/2020/10/dont-left.png);
    position: absolute;
    top: -21px;
    left: 22px;
}

.what-drives p:after {
    content: url(https://www.compellopartners.com/wp-content/uploads/2020/10/dont-left.png);
    position: absolute;
    bottom: -25px;
    right: 40px;
}
.what-drives-btn a.meet-adv {
    display: inline-block;
    margin: 40px auto 0;
    font-style: normal;
    font-size: 16px;
    font-weight: 500;
    padding: 15px 30px;
    background: #005081;
    border: 1px solid #005081;
    border-radius: 0;
    color: #fff;
    transition: .5s ease all;
    text-decoration: none;
}
.what-drives-btn a.meet-adv:hover {
    color: #ffffff;
    background: #005081;
    box-shadow: 4px 4px 5px #103d58;
}
.partner-img img {
    transform: translate3d(0, 0, 0);
    transition: .5s ease all;
}

.partner-img:hover img {
    transform: translate3d(20px, 40px, 20px);
    transition: .5s ease all;
}

section#home-sec10 {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.heading-white-compello h5 {
    color: #ffffff;
    font-size: 12px;
    text-align: center;
}
.heading-white-compello h2 {
    font-size: 48px;
    text-transform: uppercase;
    color: #ffffff;
    text-align: center;
    font-family: 'Oswald', sans-serif;
}
.tnp-field.tnp-field-email label, .tnp-field.tnp-field-firstname label {
    display: none;
}
input.tnp-email, input.tnp-name {
    border-radius: 0;
}
input.tnp-submit {
    margin: 26px auto 0 !important;
    background: #fff !important;
    color: #005081 !important;
    border-radius: 0 !important;
    padding: 10px 20px !important;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px !important;
    font-weight: 600;
    border: 1px solid #005081 !important;
    transition: .5s ease all;
}
input.tnp-submit:hover {
    background: #005081 !important;
    color: #ffffff !important;
    box-shadow: 3px 5px 14px #151515;
}
.heading-white-contact h5 {
    color: #909090;
    font-size: 12px;
    text-align: left;
}

.heading-white-contact h2 {
    font-size: 48px;
	text-align: center;
    text-transform: uppercase;
    color: #005081;
    font-family: 'Oswald', sans-serif;
}
.social-container a {
    margin: 0 10px 0 0;
}
.social-container i {
    color: #ffffff;
}

.social-container a:hover i {
    color: #cfcfd0;
}
.social-container {
    padding-top: 10px;
}

/* Security Page */

section#security-sec1 {
    padding-top: 200px;
    padding-bottom: 120px;
	height: 489px;
}

.sub-banner-text h1 {
    font-size: 67px;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    font-family: 'Oswald', sans-serif;
    margin-top: 0;
    margin-bottom: 25px;
}
.sub-banner-text h2 {
    font-size: 62px;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    font-family: 'Oswald', sans-serif;
    margin-top: 0;
    margin-bottom: 25px;
}
.sub-banner-text p {
    font-size: 18px;
    text-align: center;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
}

.security-text {
    width: 90%;
    background: #fff;
    box-shadow: 0 8px 8px #b9b9b9;
    margin: 0 auto;
    text-align: center;
    padding: 20px 10px;
    position: absolute;
    left: 0;
    right: 0;
    top: 65%;
    height: 180px;
    transform: translateY(0);
    transition: .5s ease all;
}
.security-text a {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    font-size: 16px;
    background: #005081;
    padding: 5px 10px;
}
.security-text a:hover {
    box-shadow: 4px 4px 5px #103d58;
}
.security-img {
    margin-bottom: 100px !important;
}

.security-text h4 {
    font-size: 14px;
    color: #005081;
    font-family: 'Oswald', sans-serif;
}
.security-text h5 {
    font-size: 12px;
    color: #9f9f9f;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
}
.security-text p {
    color: #9f9f9f;
    font-size: 12px;
    line-height: 18px;
}

section#security-sec2 {
    padding-top: 95px;
    padding-bottom: 100px;
}

div#serv-col .vc_column-inner:hover .security-text {
    transform: translateY(15px);
    transition: .5s ease all;
}

.cta-text {
    text-align: center;
}
.cta-text h3 {
    font-size: 25px;
    text-transform: uppercase;
    color: #005081;
    text-align: center;
    font-family: 'Oswald', sans-serif;
}
.cta-text h5 {
    color: #909090;
    font-size: 12px;
    text-align: center;
}

.cta-text h2 {
    font-size: 48px;
    text-transform: uppercase;
    color: #005081;
    text-align: center;
    font-family: 'Oswald', sans-serif !important;
    margin-bottom: 50px;
}

.cta-text p {
    color: #313131;
    font-size: 18px;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif;
    width: 86%;
    margin: 0 auto;
    position: relative;
}
.cta-text-btn a.meet-adv {
    display: inline-block;
    margin: 0 auto;
    font-style: normal;
    font-size: 13px;
    font-weight: 500;
    padding: 13px 40px;
    background: #005081;
    border: 1px solid #005081;
    border-radius: 0;
    color: #fff;
    transition: .5s ease all;
    text-decoration: none;
}
.cta-text-btn a.meet-adv:hover {
    color: #ffffff;
    background: #005081;
    box-shadow: 4px 4px 5px #103d58;
}


/* Contact page */

section#contact-sec4 {
    padding-top: 120px;
    padding-bottom: 120px;
    background-size: cover;
    background-repeat: no-repeat;
}

.contact-text h3 {
   font-size: 30px;
color: #0f3a53;
text-align: left;
font-family: Roboto;
margin-top: 0;
margin-bottom: 30px; 
}

.contact-text h5 {
    color: #909090;
    font-size: 12px;
    text-align: center;
}

.contact-text h2 {
    font-size: 48px;
    text-transform: uppercase;
    color: #005081;
    text-align: center;
    font-family: 'Oswald', sans-serif;
    margin-bottom: 50px;
}

.contact-text p {
    color: #313131;
    font-size: 18px;
    font-style: italic;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    width: 100%;
    margin: 0 auto 80px;
    position: relative;
}
.contact-text h3 strong {
    color: #1d1d1b;
}
section#contact-sec2 {
    padding-top: 40px;
}

div#contact-sec2-inner .btn-field {
    text-align: center;
    padding-top: 10px;
    width: 100%;
}
div#contact-sec2-inner .half-field input.wpcf7-form-control {
    width: 100%;
    height: 60px;
    background: #fff;
    border-radius: 0;
    padding: 0;
    color: #1d1d1b;
    border-bottom: 1px solid #dddddd !important;
    border: none;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	outline: none;
}

div#contact-sec2-inner .full-grid-field {
    width: 100%;
    margin-bottom: 30px;
}

div#contact-sec2-inner .full-grid-field textarea.wpcf7-form-control {
    width: 100%;
    border: none;
    border-bottom: 1px solid #dddddd !important;
    height: 140px;
    padding: 0;
    outline: none;
    border-radius: 0;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #1d1d1b;
}
div#contact-sec2-inner input.wpcf7-form-control.wpcf7-submit {
    font-size: 13px;
    font-weight: 500;
    padding: 18px 50px;
    background: #005081;
    border: 1px solid #005081;
    border-radius: 0;
    color: #fff;
    transition: .5s ease all;
}

div#contact-sec2-inner .full-grid-field textarea.wpcf7-form-control:focus {
    border-bottom: 2px solid #1d1d1b !important;
}

div#contact-sec2-inner .full-grid-field textarea.wpcf7-form-control::placeholder {
    color: #bbbbba;
    font-weight: 500;
}
div#contact-sec2-inner .half-field input.wpcf7-form-control::placeholder {
    color: #bbbbba;
    font-weight: 500;
}

div#contact-sec2-inner .half-field input.wpcf7-form-control:focus {
    border-bottom: 2px solid #1d1d1b !important;
}
div#contact-sec2-inner {
    /*max-width: 980px;*/
	max-width:1366px;
}
section#contact-sec3 {
    background-size: 100%;
    background-repeat: no-repeat;
    padding-bottom: 100px;
}



/* About Page */

section#about-sec7 {
    background-size: cover;
    background-repeat: no-repeat;
    height: 600px;
    background-position: center;
    margin-top: 12em;
    overflow: visible;
}
.adv-team-img {
    position: relative;
    bottom: 120px;
}
.advisory-team-text h2 {
    font-size: 48px;
    text-transform: uppercase;
    color: #ffffff;
    font-family: 'Oswald', sans-serif;
    margin-bottom: 40px;
    margin-top: 60px;
}
.advisory-team-text p {
    font-size: 18px;
    color: #ffffff;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 90px !important;
    margin-top: 0;
}
.advisory-services a.meet-adv {
    display: inline-block;
    margin: 50px auto 0;
    font-style: normal;
    font-size: 13px;
    font-weight: 500;
    padding: 13px 40px;
    background: #005081;
    border: 1px solid #005081;
    border-radius: 0;
    color: #fff;
    transition: .5s ease all;
    text-decoration: none;
}

.advisory-services a.meet-adv:hover {
    color: #ffffff;
    background: #005081;
    box-shadow: 4px 4px 5px #103d58;
}
.btn-white a {
    background: #fff !important;
    border: 1px solid #fff !important;
    color: #005081 !important;
    padding: 18px 50px !important;
    font-size: 12px !important;
    font-weight: 500;
    border-radius: 0 !important;
    transition: .5s ease all;
    box-shadow: 1px 2px 5px #333333;
}
.btn-white a:hover {
    color: #ffffff !important;
    background: transparent !important;
}
.comp-net-adv h2 {
    font-size: 48px;
    text-transform: uppercase;
    color: #005081;
    font-family: 'Oswald', sans-serif;
    margin-bottom: 40px;
    margin-top: 60px;
    text-align: center;
}

.comp-net-adv p {
    font-size: 18px;
    color: #2c2c2c;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 90px !important;
    margin-top: 0;
    text-align: center;
}
ul.advisors-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 50px;
    grid-row-gap: 50px;
}

ul.advisors-list .ad-img {
    width: 130px;
    height: 130px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    background: #e1e1e1;
    border-radius: 100px;
    border: 2px solid #cccccc;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
	transition: .5s ease all;
}

ul.advisors-list li.adv-item {
    text-align: center;
}

ul.advisors-list .ad-img img {
    position: absolute;
    top: 30px;
}
ul.advisors-list li.adv-item h2 {
    color: #063254;
    font-size: 24px;
}

ul.advisors-list li.adv-item:hover  .ad-img {
    border: 2px solid #063254;
}
section#about-sec8 {
    padding-bottom: 50px;
}
.about-text-left {
    text-align: left;
    padding-left: 180px;
}
.aboutbtn {
    padding-left: 180px;
}
.about-text-right h5 {
    color: #909090;
    font-size: 12px;
}

.about-text-right h2 {
    font-size: 48px;
    text-transform: uppercase;
    color: #005081;
    font-family: 'Oswald', sans-serif;
    margin-bottom: 20px;
}

.about-text-right p {
    color: #8d8d8d;
    margin-bottom: 20px;
    width: 78%;
}

.about-text-left h5 {
    color: #909090;
    font-size: 12px;
}
.about-text-right p strong {
    color: #8d8d8d;
}
.about-text-left h2 {
    font-size: 48px;
    text-transform: uppercase;
    color: #005081;
    font-family: 'Oswald', sans-serif;
    margin-bottom: 20px;
}

.about-text-left p {
    margin-bottom: 20px;
}
section#about-sec3 {
    padding-top: 60px;
    padding-bottom: 30px;
}

section#about-sec4 {
    padding-top: 70px;
    padding-bottom: 30px;
}

section#about-sec5 {
    padding-top: 70px;
    padding-bottom: 60px;
}

section#about-sec6 {
    padding-top: 70px;
    padding-bottom: 60px;
}
section#about-sec2 {
    background-size: contain;
    background-repeat: no-repeat;
    padding-top: 80px;
    padding-bottom: 40px;
}
.advisory-services h5 {
    color: #909090;
    font-size: 12px;
    text-align: center;
}

.advisory-services h2 {
    font-size: 48px;
    text-transform: uppercase;
    color: #005081;
    text-align: center;
    font-family: 'Oswald', sans-serif;
    margin-bottom: 50px;
}
.advisory-services {
    width: 85%;
    margin: 0 auto;
}

.advisory-services ul li {
    color: #7a7f83;
    font-size: 15px;
    line-height: 25px;
    font-family: 'Open Sans', sans-serif;
}

.advisory-services ul {
    list-style-type: disc;
    padding-inline-start: 40px;
    margin: 12px 0;
}
.advisory-services p {
    color: #7a7f83;
    font-size: 15px;
    line-height: 25px;
    font-family: 'Open Sans', sans-serif;
    position: relative;
    text-align: left;
}

.compello-bring h2 {
    font-size: 48px;
    text-transform: uppercase;
    color: #005081;
    text-align: center;
    font-family: 'Oswald', sans-serif;
    margin-bottom: 30px;
}

.compello-bring h4 {
    font-size: 36px;
    color: #313131;
    text-align: center;
    margin-bottom: 34px;
    font-family: 'Open Sans', sans-serif;
    font-style: italic;
    font-weight: 300;
}

.compello-bring {
    position: relative;
    margin-top: 70px;
}

.compello-bring:after {
    content: url(https://www.compellopartners.com/wp-content/uploads/2020/10/dont-left.png);
    position: absolute;
    bottom: -25px;
    right: 40px;
}

.compello-bring:before {
    content: url(https://www.compellopartners.com/wp-content/uploads/2020/10/dont-left.png);
    position: absolute;
    top: -21px;
    left: 22px;
}

/* Tech Advisory Page */

section#tech-sec1 {
    padding-top: 50px;
    padding-bottom: 10px;
	position: relative;
}
section#bi-new-sec2 {
    padding-top: 100px;
    padding-bottom: 80px;
}

section#bi-new-sec {
    padding-top: 100px;
    padding-bottom: 80px;
}
.bi-text-block h4 {
    text-transform: uppercase;
    color: #2c2c2c;
    font-weight: bold;
    font-size: 24px;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 15px;
    height: 60px;
    display: flex;
    align-items: flex-start;
}
.bi-text-block p {
    margin-bottom: 20px;
}

.bi-text-block ul li {
    color: #7a7f83;
    list-style-type: disc;
    line-height: 25px;
}

.bi-text-block ul {
    padding-inline-start: 20px;
}
.tech-adv-text {
    text-align: left;
}
.tech-adv-text strong {
    color: #868783;
}
.tech-adv-text h2 {
    font-size: 48px;
    text-transform: uppercase;
    color: #005081;
    text-align: center;
    font-family: 'Oswald', sans-serif;
    margin-bottom: 50px;
}

.tech-adv-text h5 {
    color: #909090;
    font-size: 12px;
    text-align: center;
}

.tech-adv-text {
    position: relative;
}
.tech-adv-text ul li {
    font-size: 18px;
line-height: 25px;
color: #073f5d;
background: url(images/industry-arrow-icon.png) no-repeat 0 5px;
padding-left: 20px;
}

.tech-adv-text ul {
    padding-inline-start: 35px;
list-style-type: none;
margin-bottom: 25px;
}
section#tech-sec2 {
    padding-top: 30px;
    padding-bottom: 100px;
	position: relative;
}
.ta-text {
    width: 90%;
    background: #fff;
    box-shadow: 0 8px 8px #b9b9b9;
    margin: 0 auto;
    text-align: center;
    padding: 20px 10px;
    position: absolute;
    left: 0;
    right: 0;
    top: 74%;
    height: 250px;
    transform: translateY(0);
    transition: .5s ease all;
}
.ta-text h4 {
    font-size: 18px;
    text-transform: uppercase;
    color: #2c2c2c;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
}
.ta-text p {
    color: #9f9f9f;
    font-size: 13px;
    line-height: 22px;
}
a.ta-btn {
    font-weight: bold;
    color: #005081;
    text-decoration: underline;
}
div#serv-col .vc_column-inner:hover .ta-text {
    transform: translateY(15px);
    transition: .5s ease all;
}
section#tech-sec2:after {
    content: url(https://www.compellopartners.com/wp-content/uploads/2020/11/dot-left.png) !important;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50%;
    height: 50%;
}
section#tech-sec1:before {
    content: '';
	background: url(https://www.compellopartners.com/wp-content/uploads/2020/11/dot-right.png) !important;
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 50%;
}

.ab-expertise {
    text-align: left !important;
}

.ab-expertise p {
    text-align: left;
    padding-left: 0;
}
.merger-acq-text {
    width: 90%;
    margin: 0 auto 10px;
    position: relative;
    padding-left: 35px;
}
.merger-acq-text a {
    color: #265181;
    font-weight: 600;
    text-decoration: underline;
}
.merger-acq-text a.mergers-btn {
    display: inline-block;
    margin: 50px auto 0;
    font-style: normal;
    font-size: 13px;
    font-weight: 500;
    padding: 13px 40px;
    background: #005081;
    border: 1px solid #005081;
    border-radius: 0;
    color: #fff;
    transition: .5s ease all;
    text-decoration: none;
	text-transform: initial;
}
.merger-acq-text a.mergers-btn:hover {
    color: #ffffff;
    background: #005081;
    box-shadow: 4px 4px 5px #103d58;
}
section#merger-acq-sec1 {
    padding-top: 50px;
    padding-bottom: 50px;
}
.merger-acq-text ul {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 25px;
    color: #7a7f83;
    list-style-type: disc;
    padding-inline-start: 40px;
}
/* Advisor Team */

.at-descp h5 {
    color: #909090;
    font-size: 12px;
}

.at-descp h2 {
    font-size: 48px;
    text-transform: uppercase;
    color: #005081;
    font-family: 'Oswald', sans-serif;
    margin-bottom: 15px;
}

.at-descp p {
    margin-bottom: 15px;
}
ul.expert-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 50px;
    grid-row-gap: 50px;
}
ul.expert-list li.expert-item {
    text-align: center;
}
ul.expert-list li.expert-item .erpert-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}
ul.expert-list li.expert-item h4 {
    font-size: 12px;
    color: #005081;
    font-family: 'Oswald', sans-serif;
}
ul.expert-list li.expert-item  .erpert-img {
    width: 180px;
    height: 180px;
    margin: 0 auto;
}
.compello-means {
    position: relative;
    margin-top: 0;
}

.compello-means:after {
    content: url(https://www.compellopartners.com/wp-content/uploads/2020/10/dont-left.png);
    position: absolute;
    bottom: -25px;
    right: 40px;
}

.compello-means:before {
    content: url(https://www.compellopartners.com/wp-content/uploads/2020/10/dont-left.png);
    position: absolute;
    top: -21px;
    left: 22px;
}

.compello-means h2 {
    font-size: 48px;
    text-transform: uppercase;
    color: #005081;
    text-align: center;
    font-family: 'Oswald', sans-serif;
    margin-bottom: 30px;
}
.compello-means h4 {
    font-size: 36px;
    color: #313131;
    text-align: center;
    margin-bottom: 34px;
    font-family: 'Open Sans', sans-serif;
    font-style: italic;
    font-weight: 300;
}
section#at-sec1 {
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 30px;
    padding-top: 50px;
}
section#at-sec3 {
    padding-top: 40px;    
	padding-bottom: 80px;
}

.some-experts h2 {
    font-size: 48px;
    text-transform: uppercase;
    color: #005081;
    font-family: 'Oswald', sans-serif;
}

.some-experts {
    margin-bottom: 50px !important;
}

ul.expert-list li.expert-item h2 {
    font-size: 32px;
    color: #005081;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
}

ul.expert-list a.expert-modal {
    color: #005081;
    font-weight: bold;
    text-decoration: underline;
}

.bi-text {
    width: 100%;
    background: #fff;
    box-shadow: 0 8px 8px #b9b9b9;
    margin: 0 auto;
    text-align: center;
    padding: 20px 10px;
    position: absolute;
    left: 0;
    right: 0;
    top: 70%;
    height: 170px;
    transform: translateY(0);
    transition: .5s ease all;
}

div#bi-col .vc_column-inner {
    position: relative;
    margin-bottom: 120px;
}
.bi-img {
    height: 300px;
    width: 80%;
    padding: 50px;
    margin: 0px auto;
}
.bi-text h4 {
    font-size: 18px;
    text-transform: uppercase;
    color: #2c2c2c;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
}
.bi-text p {
    color: #9f9f9f;
    font-size: 14px;
    line-height: 24px;
}
section#bi-sec2 {
    padding-top: 20px;
	padding-bottom: 50px;
}
div#partner-col-left {
    position: relative;
}

.part-text {
    position: absolute;
    top: 20%;
    background: #fff;
    left: -100px;
    padding: 20px;
    box-shadow: 4px 2px 15px #b9b9b9;
}

.sp {
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    position: relative;
}

.sp1 .sp-img-left {
    background: #32b0df;
    width: 50%;
    height: 320px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    position: relative;
    left: 50px;
}

.sp1 .sp-text-right {
    width: 70%;
    background: white;
    position: relative;
    left: -50px;
    padding: 20px;
    box-shadow: 4px 4px 14px #d0d0d0;
}

.sp2 .sp-img-right {
    background: #00afc1;
    width: 50%;
    height: 320px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    position: relative;
    right: 50px;
}
.sp2 .sp-text-left {
    width: 70%;
    background: white;
    position: relative;
    right: -50px;
    padding: 20px;
    box-shadow: 4px 4px 14px #d0d0d0;
    z-index: 9;
}
.sp3 .sp-img-left {
    background: #fb9747;
    width: 50%;
    height: 320px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    position: relative;
    left: 50px;
}

.sp3 .sp-text-right {
    width: 70%;
    background: white;
    position: relative;
    left: -50px;
    padding: 20px;
    box-shadow: 4px 4px 14px #d0d0d0;
}


.sp4 .sp-img-right {
    background: #005081;
    width: 50%;
    height: 320px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    position: relative;
    right: 50px;
}

.sp4 .sp-text-left {
    width: 70%;
    background: white;
    position: relative;
    right: -50px;
    padding: 20px;
    box-shadow: 4px 4px 14px #d0d0d0;
    z-index: 9;
}

div#strategic-partner h2 {
    font-size: 18px;
    color: #2c2c2c;
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
}

.sp1 {
    padding-top: 40px;
    padding-bottom: 30px;
}

.sp2 {
    padding-top: 40px;
    padding-bottom: 30px;
}

.sp3 {
    padding-top: 40px;
    padding-bottom: 30px;
}

.sp4 {
    padding-top: 20px;
    padding-bottom: 70px;
}
section#partner-sec2 {
    padding-bottom: 80px;
}
/****************** NEW DESIGN UPDATED ********************/
#contact-sec2-inner .contact-mail:hover {
    text-decoration: underline;
}
.ta {
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    position: relative;
}

.ta1 .ta-img-left {
    background: #32b0df;
    width: 30%;
    height: 320px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    position: relative;
    left: 50px;
}

.ta1 .ta-text-right {
    width: 60%;
    background: white;
    position: relative;
    left: -50px;
    padding: 20px;
    box-shadow: 4px 4px 14px #d0d0d0;
}

.ta2 .ta-img-right {
    background: #004461;
    width: 30%;
    height: 320px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    position: relative;
    right: 30px;
}
.ta2 .ta-text-left {
    width: 60%;
    background: white;
    position: relative;
    right: -50px;
    padding: 20px;
    box-shadow: 4px 4px 14px #d0d0d0;
    z-index: 9;
}
.ta3 .ta-img-left {
    background: #4558a5;
    width: 30%;
    height: 320px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    position: relative;
    left: 50px;
}

.ta3 .ta-text-right {
    width: 60%;
    background: white;
    position: relative;
    left: -30px;
    padding: 20px;
    box-shadow: 4px 4px 14px #d0d0d0;
}


.ta4 .ta-img-right {
    background: #fb9747;
    width: 30%;
    height: 320px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    position: relative;
    right: 30px;
}

.ta4 .ta-text-left {
    width: 60%;
    background: white;
    position: relative;
    right: -50px;
    padding: 20px;
    box-shadow: 4px 4px 14px #d0d0d0;
    z-index: 9;
}

div#new-tech-advisory h2 {
    font-size: 18px;
    color: #2c2c2c;
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
}

.ta1 {
    padding-top: 40px;
    padding-bottom: 30px;
}

.ta2 {
    padding-top: 40px;
    padding-bottom: 30px;
}

.ta3 {
    padding-top: 40px;
    padding-bottom: 30px;
}

.ta4 {
    padding-top: 20px;
    padding-bottom: 70px;
}

/**** ERP RIGHT SIZING PAGE ***/

section#erp-right-sec1 {
    padding-top: 80px;
    padding-bottom: 70px;
}

.leading-erp h4 {
    color: #2c2c2c;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 18px;
}

ul.erp-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}

ul.erp-list li.erp-item {
    background: #f0f0f0;
    text-align: center;
    padding: 30px 20px;
    color: #313131;
    font-size: 13px;
    font-weight: bold;
    transition: .5s ease all;
}

ul.erp-list li.erp-item:hover {
    background: #005081;
    color: #ffffff;
}
section#erp-right-sec2 {
    padding-top: 80px;
    padding-bottom: 70px;
}

.erp-adv-txt p {
    width: 90%;
    margin: 0 auto;
    position: relative;
}

.erp-adv-txt {
    text-align: center;
}


/* Executive Page */

.exc-txt p {
    margin: 0 auto 10px;
    position: relative;
    text-align: left;
}
.exc-txt ul li {
    list-style-type: disc;
    font-size: 15px;
    line-height: 25px;
    color: #7a7f83;
}
.exc-txt ul {
    padding-inline-start: 40px;
}

.exc-txt h5 {
    color: #909090;
    font-size: 12px;
    text-align: center;
}
.exc-txt h2 {
    font-size: 48px;
    text-transform: uppercase;
    color: #005081;
    text-align: center;
    font-family: 'Oswald', sans-serif;
    margin-bottom: 50px;
}

div#exm-col .vc_column-inner {
    position: relative;
    margin-bottom: 16em;
}
div#exm-col .vc_column-inner:hover .ta-text {
    transform: translateY(15px);
    transition: .5s ease all;
}


/**** Due Deligence Page */

.dd {
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    position: relative;
}

.dd1 .dd-img-left {
    background: #32b0df;
    width: 30%;
    height: 320px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    position: relative;
    left: 50px;
}

.dd1 .dd-text-right {
    width: 60%;
    background: white;
    position: relative;
    left: -50px;
    padding: 20px;
    box-shadow: 4px 4px 14px #d0d0d0;
}

.dd2 .dd-img-right {
    background: #004461;
    width: 30%;
    height: 320px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    position: relative;
    right: 30px;
}
.dd2 .dd-text-left {
    width: 60%;
    background: white;
    position: relative;
    right: -50px;
    padding: 20px;
    box-shadow: 4px 4px 14px #d0d0d0;
    z-index: 9;
}
.dd3 .dd-img-left {
    background: #4558a5;
    width: 30%;
    height: 320px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    position: relative;
    left: 50px;
}

.dd3 .dd-text-right {
    width: 60%;
    background: white;
    position: relative;
    left: -30px;
    padding: 20px;
    box-shadow: 4px 4px 14px #d0d0d0;
}


.dd4 .dd-img-right {
    background: #fb9747;
    width: 30%;
    height: 320px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    position: relative;
    right: 30px;
}

.dd4 .dd-text-left {
    width: 60%;
    background: white;
    position: relative;
    right: -50px;
    padding: 20px;
    box-shadow: 4px 4px 14px #d0d0d0;
    z-index: 9;
}

div#due-deligence h2 {
    font-size: 18px;
    color: #2c2c2c;
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
}

div#due-deligence p {
    font-size: 14px;
    line-height: 27px;
    color: #8d8d8d;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
}

.dd1 {
    padding-top: 40px;
    padding-bottom: 30px;
}

.dd2 {
    padding-top: 40px;
    padding-bottom: 30px;
}

.dd3 {
    padding-top: 40px;
    padding-bottom: 30px;
}

.dd4 {
    padding-top: 20px;
    padding-bottom: 70px;
}
.due-right {
    background: #fff;
    box-shadow: 3px 4px 15px #e8e8e8;
    padding: 30px;
}
.due-inner-col {
    padding-top: 20px;
    padding-bottom: 20px;
    width: 90%;
}
.due-deli-text {
    margin-bottom: 0 !important;
}

.due-deli-text h4 {
    text-transform: uppercase;
    color: #2c2c2c;
    font-weight: bold;
    font-size: 24px;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 20px;
}

.due-right .vc_column-inner {
    padding-left: 40px !important;
    padding-right: 40px !important;
}

.due-deli-text ul {
    column-count: 2;
    padding-inline-start: 20px;
}

.due-deli-text ul li {
    color: #7a7f83;
    list-style-type: disc;
	line-height: 25px;
}

/**** Operational Excellence ****/

section#oe-sec2 {
    padding-top: 50px;
    padding-bottom: 80px;
}

.oe-text h4 {
    text-align: center;
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
}

.oe-text a {
    text-align: center;
    color: #ffffff;
    font-size: 14px;
    line-height: 24px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    display: inline-block;
    padding: 2px 20px;
    transition: .5s ease all;
    border: 1px solid #fff;
    text-decoration: none;
    margin-top: 15px;
}
.oe-text a:hover {
    color: #ffffff;
    background: #005081;
    box-shadow: 4px 4px 5px #103d58;
}
.oe-text {
    text-align: center;
}

/* Modal Design */

.team-modal-wrapper {
    display: flex;
    justify-content: space-between;
}
.team-modal-left {
    width: 65%;
    color: #fff;
    text-align: left;
}
.team-modal-right {
    width: 30%;
}
#team-modal-content .team-modal-left h2 {
    color: #fff !important;
    text-align: left;
}
#team-modal-content .team-modal-left h3 {
    text-align: left !important;
    color: #fff !important;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 20px;
    margin-top: 0;
}
#team-modal-content .team-modal-left p {
    text-align: left !important;
    color: #fff !important;
	line-height: normal;
}
div#team-modal-dialog {
    width: 1024px;
}
#team-modal-content .team-modal-left ul {
    list-style-type: disc !important;
    padding-inline-start: 20px;
	margin: 15px 0 !important;
}
#team-modal-content .team-modal-left ul li {
    color: #fff;
    text-align: left;
    margin-bottom: 9px;
    font-size: 15px;
}
#team-modal-content button.close {
    position: absolute;
    right: 14px;
    top: 10px;
    color: #fff;
    opacity: 1;
	box-shadow: none;
}
#team-modal-content .team-modal-left h4 {
    color: #fff !important;
    text-decoration: underline;
    font-size: 16px;
}
#team-modal-content .modal-body {
    position: relative;
    padding: 45px;
}
#team-modal-content {
    background: #005081;
    border-radius: 0;
    height: 500px;
    overflow-y: scroll;
}

#team-modal-content::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #005081;
	border-radius: 0;
}

#team-modal-content::-webkit-scrollbar
{
	width: 5px;
	background-color: #F5F5F5;
}

#team-modal-content::-webkit-scrollbar-thumb
{
	border-radius: 0;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #fff;
}

/** Industry Page **/

ul.industry-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
	margin-bottom: 0;
	list-style-type: none;
    padding: 0;
}

.industry-img {
    height: 310px;
    padding: 40px;
    position: relative;
	text-align: center;
}
li.industry-item-list {
    text-align: center;
}
.industry-content p {
    padding: 0;
}
.industry-content {
    background: #fff;
    box-shadow: 0 8px 8px #b9b9b9;
    padding: 25px 20px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    bottom: 5em;
    height: 220px;
}

h3.industry-title {
    margin-top: 0;
    color: #2c2c2c;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}

.industry-content p {
    margin-bottom: 10px;
    width: 100%;
}
.industry-content a {
    color: #005081;
    font-weight: bold;
    text-decoration: underline;
}
section#industry-sec1 {
    padding-top: 60px;
	padding-bottom: 60px;
}
.tour-text h3 {
    color: #2c2c2c;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
}


/* Security Modal CSS */
div#loginModal h4.modal-title  {
    text-align: center;
    font-size: 30px;
    text-transform: uppercase;
    color: #005081;
    font-family: 'Oswald', sans-serif;
}

div#loginModal form#wppb-loginform p.login-username, 
div#loginModal form#wppb-loginform p.login-password {
    display: flex;
    flex-flow: column;
}

div#loginModal form#wppb-loginform label {
    color: #005081;
}

div#loginModal form#wppb-loginform input#user_login {
    width: 100%;
    height: 42px;
}

div#loginModal form#wppb-loginform input#user_pass {
    width: 100%;
    height: 42px;
}

div#loginModal p.login-submit {
    text-align: center;
}

div#loginModal p.login-submit input#wppb-submit {
    background: #005081;
    color: #fff;
    border-radius: 5px;
    font-size: 15px;
    padding: 15px 50px;
}
div#loginModal p.wppb-error, 
div#loginModal p.wppb-error strong {
    color: #000;
}
div#loginModal p.wppb-alert {
    text-align: center;
}

div#loginModal p.wppb-alert a {
    color: #005081;
    font-weight: 600;
}
p.sigp {
    text-align: center;
}

p.sigp a {
    color: #005081;
    font-weight: 600;
}

div#loginModal input[type=text], 
div#loginModal input[type=email], 
div#loginModal textarea {
    border-radius: 5px;
}
.bi-text-block a.Netsuit-btn {
    color: #005081;
    font-weight: 600;
    text-decoration: underline;
}

div#BIModal h4.modal-title {
    text-align: center;
    font-size: 30px;
    text-transform: uppercase;
    color: #005081;
    font-family: 'Oswald', sans-serif;
}

div#loginModal li.gfield.security-field input {
    width: 100%;
    height: 70px;
    background: #fff;
    border-radius: 0 !important;
    padding-left: 30px !important;
    margin-top: 0;
}

div#loginModal li.gfield.security-field {
    padding: 0 !important;
}

div#loginModal .gform_footer.top_label input.gform_button {
    font-size: 16px;
    font-weight: 500;
    padding: 20px 40px;
    background: #005081;
    border: 1px solid #005081;
    border-radius: 0;
    color: #fff;
    transition: .5s ease all;
}

div#loginModal .gform_footer.top_label {
    text-align: center;
}



/********** Case Study Page ******/

.casestudy-content h3 {
    color: #2c2c2c;
    font-weight: bold;
    font-size: 24px;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 10px;
    margin-top: 0;
}

.casestudy-content h3 > a {
    color: #2c2c2c;
    text-decoration: none;
}

section#casestudy-sec1 {
    padding-top: 80px;
    padding-bottom: 100px;
}

.casestudy-content a.casestudy-link {
    text-transform: uppercase;
    color: #49a8e2;
    font-weight: 600;
    margin-left: 10px;
}

section#casestudy-sec1  h3.widget-title {
    color: #2c2c2c;
    font-weight: bold;
    font-size: 24px;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 30px;
    border-bottom: 1px solid #ececec;
    padding-bottom: 20px;
}
ul.casestudy-list {
    margin-left: 70px;
}
ul.casestudy-list li.casestudy-item-list {
    margin-bottom: 40px;
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 40px;
}
ul.casestudy-list li.casestudy-item-list:last-child() {
    margin-bottom: 0;
    border-bottom: none;
    padding-bottom: 40px;
}

section#casestudy-sec1  ul.menu li.menu-item {
    font-size: 16px;
    margin-bottom: 14px;
}

section#casestudy-sec1  ul.menu li.menu-item a {
    color: #2c2c2c;
}
ul.casestudy-list h1 {
    margin-top: 0;
    margin-bottom: 60px;
    color: #2c2c2c;
    font-weight: bold;
    font-size: 35px;
    font-family: 'Open Sans', sans-serif;
}
ul#menu-case-study-sidebar-menu li.current-menu-item a {
    color: #54b8eb !important;
    font-weight: 600;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link svg {
  width: 18px;
  height: auto;
  margin-right: 10px;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover svg path {
    fill: #fff;
}

/******************** Responsive *************************/
@media screen and (max-width: 1199px) {	
#contact-sec2-inner .sub-head{
	    font-size: 45px;
}
	#contact-sec2-inner h3.sub-sub-head{
		    font-size: 40px;
	}
	#contact-sec2-inner .orange-box-subtitle{
		    font-size: 30px;
	}
	#contact-sec2-inner .orange-box-title{
    font-size: 35px;
	}
	#contact-sec2-inner .orange-box-desc{
		font-size:25px;
	}
	#contact-sec2-inner h3.contact-person-name{
		font-size: 50px;
	}
	#contact-sec2-inner .contact-phone, #contact-sec2-inner .contact-mail{
		font-size:25px;
	}
	.mejs-inner .mejs-controls{
		display:none;
	}
	.page-id-414 section#security-sec1 {
		min-height: 550px;
	}
}
@media screen and (max-width: 991px) {	
	.contact-hero-section h1.page-head,
	.contact-hero-section h1.page-head span{
		font-size:50px;
	}
	.page-id-414 section#security-sec1 .wpb_text_column { margin-bottom:0; }
	
	.footer-bottom p { text-align:left; }
	
	.footer-copyright p { text-align:center; }
	
	.contact-hero-section .page-head::before{
		min-height: 130px;
		background-size: contain;
	}
	#contact-sec2-inner .orange-box-title{
		    font-size: 40px;
	}
	#contact-sec2-inner .orange-box-subtitle{
		font-size: 24px;
	}
	#contact-sec2-inner .orange-box-desc{
		font-size: 20px;
		margin-top: 16px;
	}
	#contact-sec2-inner h4.contact-text{
		font-size: 25px;
		padding-bottom: 20px;
	}
	#contact-sec2-inner h3.contact-person-name{
		font-size: 35px;
		    padding-top: 0%;
	}
	#contact-sec2-inner .contact-phone, #contact-sec2-inner .contact-mail{
		    font-size: 20px;
	}
	#contact-sec2-inner .sub-head {
    font-size: 32px;
}
	#contact-sec2-inner h3.sub-sub-head {
    font-size: 30px;
}
	div#contact-sec2-inner .vc_custom_1668850255421 {
    padding-bottom: 25px !important;
}
	#contact-sec2-inner h2.sub-head:before, #contact-sec2-inner h2.sub-head:after {
    width: 130px;
}
	.page-id-414 section#security-sec1 {
		min-height: 500px;
		padding-top: 180px;
	}
}
@media screen and (max-width: 767px) {	
	.contact-hero-section h1.page-head,
	.contact-hero-section h1.page-head span{
		font-size:30px;
		max-width: 330px;
	}
	
body h2 {
	font-size: 30px !important;	
}
	
footer#simple-footer .bottom-footer .container {
    flex-flow: column;
}
footer#simple-footer .bottom-footer ul.menu li.menu-item {
    margin-right: 0;
    padding-right: 0;
}
footer#footer .bottom-footer ul.menu li.menu-item:last-child {
    margin-right: 0;
    padding-right: 0;
}
footer#footer .bottom-footer .container {
    flex-flow: column;
    justify-content: center;
    text-align: center;
}	
footer#footer .bottom-footer p {
    font-size: 12px;
}
header#masthead li.search-menu-item div#search-compello {
    left: 0;
    margin: 0 auto;
}
header#masthead #header-top ul.menu li.menu-item {
    margin-right: 16px;
    padding-right: 16px;
}
header#masthead #header-top ul.menu li.menu-item:last-child {
    border-right: none;
    margin-right: 0;
    padding-right: 0;
}
button.navbar-toggler {
    background: none;
    border: 1px solid #334a65;
    border-radius: 0;
}
div#home-sec5-inner2 {
    position: relative;
    top: unset;
}
#home-sec5-inner {
    height: auto;
    padding-top: 0 !important; 
	padding-bottom: 20px;
}
section#home-sec7 {
    padding-top: 50px;
    padding-bottom: 10px;
    height: auto;
}
.business-start h5 {
    margin-top: 10px;
}
.top-footer img.footer-logo-class {
    margin-top: 0;
}
.top-footer {
    padding-top: 30px;
    padding-bottom: 30px;
}
section#home-sec4 {
    padding-top: 50px;
    padding-bottom: 10px;
}
section#home-sec2 {
    padding-top: 20px !important;
    padding-bottom: 40px;
}
.sec2-img-col .vc_column-inner {
    padding-right: 15px !important;
	padding-left: 15px !important;
}
.what-we-do h4 {
    width: 100%;
}
.what-we-do p {
    width: 100%;
}	
.image-space {
    margin-bottom: 20px !important;
}
section#home-sec3 {
    padding-top: 30px !important;
    padding-bottom: 10px !important;
}	
div#serv-col {
    padding: 0;
}
section#home-sec2 .image-space {
    margin-bottom: 20px !important;
}	
.serv-text {
    width: 90%;
}	
.serv-text p {
    font-size: 15px;
    line-height: 20px;
}
section#home-sec5 {
    margin-bottom: 1em;
}
ul.slick-dots li:after {
    background: #ffffff;
}
ul.slick-dots li button {
    color: #ffffff;
}
ul.slick-dots {
    position: relative;
    top: 0;
    align-items: center;
    justify-content: center;
}	
ul.testimonial-list li.item-list p.cont {
    font-size: 14px;
}	
div#serv-col .vc_column-inner {
    margin-bottom: 140px;
}	
ul.testimonial-list {
    grid-template-columns: 1fr;
}	
.testimonial-bg-image .vc_column-inner {
    padding-left: 15px !important;
}	
.grid-field {
    flex-flow: wrap;
}	
.quarter-field {
    width: 100%;
    margin-bottom: 20px;
}	
.full-field {
    margin-bottom: 20px;
}	
ul.expert-list {
    grid-template-columns: 1fr;
}
.team-modal-wrapper {
    flex-flow: column-reverse;
}	
#team-modal-content .modal-body {
    padding: 30px;
}	
.team-modal-left {
    width: 100%;
}	
.team-modal-right {
    width: 100%;
}
.ta1 {
    padding-top: 0;
}
.ta {
    flex-flow: column;
}	
.ta1 .ta-img-left {
    width: 100%;
    height: 200px;
    left: 0;
}
.ta1 .ta-text-right {
    width: 100%;
    position: relative;
    left: 0;
}	
.ta2 .ta-text-left {
    width: 100%;
    position: relative;
    right: 0;
    order: 2;
}	
.ta2 .ta-img-right {
    width: 100%;
    height: 200px;
    position: relative;
    right: 0;
    order: 1;
}	
.ta3 .ta-img-left {
    width: 100%;
    height: 200px;
    position: relative;
    left: 0;
}	
.ta3 .ta-text-right {
    width: 100%;
    position: relative;
    left: 0;
}	
.ta4 .ta-text-left {
    width: 100%;
    position: relative;
    right: 0;
    order: 1;
}
.ta4 .ta-img-right {
    width: 100%;
    height: 200px;
    position: relative;
    right: 0;
}	
	
div#new-tech-advisory h2 {
    font-size: 22px !important;
}	
.sp {
    flex-flow: column;
}	
.half-field {
    width: 100%;
}	
.compello-contact-map img {
    width: 80%;
}
section#contact-sec3 {
    padding-bottom: 20px;
}
.ta-text {
    width: 100%;
    position: relative;
	box-shadow: none;
    left: unset;
    right: unset;
    top: unset;
    height: auto;
}		
div#exm-col .vc_column-inner {
    margin-bottom: 0;
}
.security-text a {
    font-size: 13px;
}	
ul.industry-list {
    grid-template-columns: 1fr;
}	
h3.industry-title {
    font-size: 15px;
}	
.industry-content p {
    font-size: 13px;
    line-height: normal;
}	
.industry-content {
    width: 100%;
    position: relative;
    bottom: 0;
    height: auto;
}	
.industry-img {
    height: 220px;
}	
.due-left {
    order: 1;
}	
.due-right {
    order: 2;
}	
.due-right .vc_column-inner {
    padding-left: 20px !important;
    padding-right: 20px !important;
}	
.due-deli-text h4 {
    font-size: 18px;
}	
.due-deli-text ul {
    column-count: 1;
}	
ul.erp-list {
    grid-template-columns: 1fr;
}	
section#about-sec7 {
    height: auto;
    margin-top: 0;
    padding-bottom: 20px;
}
.adv-team-img {
    position: relative;
    bottom: 0;
}
.advisory-team-text p {
    font-size: 15px; 
	margin-bottom: 20px !important;
}
.advisory-team-text h2 {
    margin-bottom: 20px;
    margin-top: 10px;
}	
div#strategic-partner h2 {
    font-size: 18px !important;
}	
.sp-img-left {
    width: 100% !important;
    left: 0 !important;
	height: 230px !important;
}	
.sp-text-right {
    width: 100% !important;
    left: 0 !important;
}	
.sp2 .sp-text-left {
    width: 100%;
    right: 0;
    order: 2;
}
.sp2 .sp-img-right {
    width: 100%;
    height: 220px;
    right: 0;
    order: 1;
}
.sp1, 
.sp2,
.sp3 {
	padding-bottom: 0;	
} 	
.sp.sp1 {
    padding-top: 0;
}	
.about-text-right p {
    width: 100%;
}	
.about-text-left {
    padding-left: 0;
}	
.aboutbtn {
    padding-left: 0;
}	
.compello-bring h4 {
    font-size: 20px;
}
section#about-sec4 .vc_row, section#about-sec6 .vc_row {
    display: flex;
    flex-flow: column-reverse;
}
section#about-sec3, section#about-sec4, section#about-sec5, section#about-sec6 {
    padding-top: 10px !important;
    padding-bottom: 10px;
}
div#loginModal h4.modal-title {
    font-size: 20px;
}
section#about-sec2 .vc_column-inner {
    padding: 0 !important;
}

section#about-sec7 .vc_column-inner {
    padding: 0;
}	
section#at-sec2 .vc_column-inner {
    padding: 0;
}

section#at-sec3 .vc_column-inner {
    padding: 0;
}	
section#merger-acq-sec1 .vc_column-inner {
    padding: 0;
}
section#tech-sec1 .vc_column-inner {
	 padding: 0;	
		
}
		
div#main-casestudy ul.casestudy-list {
    margin-left: 0 !important;
}	
	section#contact-sec2{
		padding-bottom: 0;
	}
	#contact-sec2-inner h4.contact-text {
    font-size: 20px;
    padding-bottom: 10px;
}
	.vc_sep_width_60 {
    width: 75%;
}
	#contact-sec2-inner .gradient-corners {
		padding: 3% 3%;
		margin-bottom: 50px;
	}
	#contact-sec2-inner .orange-box-title {
    font-size: 30px;
}
	#contact-sec2-inner .orange-box-subtitle {
    font-size: 25px;
}
	#contact-sec2-inner h3.sub-sub-head {
    font-size: 30px;
}
	div#contact-sec2-inner .vc_custom_1668850255421{
		padding-top: 50px !important;
	}
	#contact-sec2-inner h2.sub-head:before,
	#contact-sec2-inner h2.sub-head:after{
		    width: 110px;
	}
	#contact-sec2-inner .sub-head {
    font-size: 32px !important;
}
.page-id-414 section#security-sec1 video#video-414-1_html5 {
    position: absolute;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}
	.page-id-414 section#security-sec1 .wp-video-shortcode {
    height: 100% !important;
}
	.page-id-414 section#security-sec1 {
    padding: 90px 0;
		min-height: auto;
}
}
@media screen and (max-width: 620px){
#contact-sec2-inner h2.sub-head:before, #contact-sec2-inner h2.sub-head:after {
    width: 80px;
}
}
@media screen and (max-width: 1024px) {

/*
header#masthead .container .row {
    flex-flow: column;
} 
div#myNavbar {
    position: fixed;
    right: -100%;
    height: 100% !important;
    overflow-x: scroll;
    padding: 15px 0;
    top: auto;
    border-top: 2px solid #252525;
    width: 100% !important;
    background: #005081;
    display: block !important;
    transition: all 0.5s ease;
    z-index: 999;
}
div#myNavbar.in {
    right: 0;
}
*/
	
.advisory-services {
    width: 100%;
}
section#contact-sec2 {
    padding-top: 40px;
    padding-bottom: 40px;
}
section#partner-sec2 {
    padding-bottom: 20px;
}
section#industry-sec1 {
    padding-top: 40px;
    padding-bottom: 30px;
}
section#security-sec1 {
    padding-top: 30px;
    padding-bottom: 30px;
    height: auto !important;
}
section#security-sec2 {
    padding-top: 80px;
    padding-bottom: 10px;
}	
body.single-ourindustry section#industry-single1 {
    padding-top: 40px;
    padding-bottom: 30px;
    height: auto !important;
}	
body.single-ourindustry section#industry-single2 {
    padding-top: 30px;
    padding-bottom: 30px;
}
body.single-ourindustry section#industry-single3 {
    padding-top: 30px;
    padding-bottom: 40px;
}
body.single-ourindustry .industry-single3-inner h2 {
    margin-bottom: 20px;
}
.sub-banner-text h1 {
    font-size: 24px;
	margin-bottom: 10px;
}
.compello-means h4 {
    font-size: 20px;
}	
.compello-means h2 {
    margin-bottom: 0;
}		
div#team-modal-dialog {
    width: auto;
}	
.merger-acq-text {
    width: 100% !important;
    padding-left: 0;
}	
section#contact-sec4 {
    padding-top: 30px;
    padding-bottom: 20px;
}		
.cta-text h2 {
    margin-bottom: 20px;
}		
.tech-adv-text {
    width: 100%;
    padding-left: 0;
}		
.inner-head-row {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    padding-right: 15px;
    padding-left: 15px;
}
button.navbar-toggle {
    border-color: #fff;
    margin-right: 0;
    border-radius: 0;
    display: block;
}
button.navbar-toggle span {
    background: #fff;
}
.top-footer {
    height: auto;
}	
.bottom-footer {
    height: 65px;
}
header#masthead ul.menu {
    flex-flow: column;
}

div#myNavbar ul#menu-main-menu li.menu-item a {
    font-size: 20px;
    display: inline;
    color: #fff !important;
}
div#myNavbar ul#menu-main-menu li.menu-item {
    margin: 10px 0 !important;
    padding: 2px 15px;
    display: block;
}
div#myNavbar ul#menu-main-menu li.menu-item a {
    font-size: 20px;
    display: inline;
    color: #fff !important;
}	
header#masthead {
    height: 100px !important;
    min-height: 100px;
    background: #005081;
    position: relative;
}
header#masthead.fixed {
    height: 80px !important;
    min-height: 80px;
}
header#masthead div#bottom-header {
    height: 100%;
}
header#masthead .inner-head-row img {
    width: 80%;
    height: auto;
    transition: .5s ease all;
}	
section#home-sec9 {
    padding-top: 40px !important;
    padding-bottom: 30px !important;
}	
section#bi-new-sec {
    padding-top: 30px;
    padding-bottom: 20px;
}
div#partner-sec2-inner .vc_column-inner {
    padding: 0;
}		

section#due-sec2 .vc_column-inner .due-inner-col {
    width: 100%;
}	
	.page-id-414 section#security-sec1 .vc_column-inner {
    padding: 0 !important;
}
}


@media screen and (min-width: 1600px) and (max-width:2500px) {

.testimonial-bg-image .vc_column-inner {
    background: url(https://www.compellopartners.com/wp-content/uploads/2020/11/about-testimonial.png);
	background-repeat: no-repeat;
}

.testimonial-bg-image .vc_column-inner img {
    display: none;
}

	
.sec2-img-col {
    background: url(https://13a.444.myftpupload.com/wp-content/uploads/2020/12/PIC.jpg);
    background-size: cover;
	background-repeat: no-repeat;
}

.image-space {
    display: none;
}
section#home-sec2 {
    padding-top: 70px !important;
}	


.security_main_contntsec::before {
  bottom: 0px;
}
}


@media screen and (min-width: 1024px) and (max-width:1366px) {
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    padding: 0px 15px 0px 15px !important;
    font-size: 14px !important;
}	
		
}

@media screen and (min-width: 768px) and (max-width:1024px) {
	
ul.industry-list {
    grid-template-columns: 1fr 1fr !important;
}
.industry-content p {
    line-height: normal;
}	
	
	
}

@media (min-width: 1400px) {
	

.container {
    width: 1366px !important;
}

}

@media  screen and (min-width:1366px) and (max-width:1366px) {
.container {
    width: 1280px;
}
	
.industry-content p {
    font-size: 13px !important;
    line-height: normal;
}	
.tech-adv-text {
    width: 100%;
    padding-left: 0;
}
.ta-text p {
    line-height: 18px;
}	
	
}
@media screen and (max-width: 575px) {
	.footer-cta{
		display: block;
		border-radius: 0;
	}
	.footer-bottom-inner .footer-logo1 { width:100%; }
	
	.footer-bottom p { text-align:left; }
	
	.footer-copyright p { text-align:center; }
	
	.footer-cta-left h3 { font-size: 18px; line-height: 26px; }
	#footer .footer-cta-right a{
		    margin-top: 5%;
	}
	#footer .footer-cta-right a{
		display:block;
	}
	
	.footer-bottom h3.widget-title { padding-top:20px; margin-bottom: 15px; }
	
	footer#footer ul.menu li.menu-item { margin-bottom:5px; }
	
	.footer-bottom p { margin-bottom:5px; } 
	
	.vc_column_container>.vc_column-inner{
		    padding-left: 5px;
    padding-right: 5px;
	}
	#contact-sec2-inner h3.contact-person-name {
		font-size: 30px;
		margin-bottom: 20px;
	}
	#contact-sec2-inner .contact-phone, #contact-sec2-inner .contact-mail {
    font-size: 16px;
}
	#content .wpb_text_column h3 i {
    font-size: 18px !important;
}
	div#contact-sec2-inner .vc_custom_1668850255421{
		    padding-top: 35px !important;
	}
	.vc_column_container>.vc_column-inner{
		    padding-left: 8px !important;
    padding-right: 8px !important;
	}
	.wpb_content_element {
       margin-bottom: 15px;
}
	#contact-sec2-inner h2.sub-head:before, #contact-sec2-inner h2.sub-head:after {
    width: 60px;
}
	#contact-sec2-inner .sub-head{
		    padding: 0 15%;
	}
}
@media screen and (max-width: 380px){
#contact-sec2-inner .orange-box-subtitle {
    font-size: 20px;
}
#contact-sec2-inner .orange-box-title {
    font-size: 25px;
}
#contact-sec2-inner h3.sub-sub-head {
    font-size: 18px;
}
}
.privacy-policy-content ul{ margin-left:30px;}

.privacy-policy-content i{ font-style:italic; font-weight:bold;}

.privacy-policy-content ul li{ font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 25px;
    color: #7a7f83; list-style-type:disc;}
	
	
	
/*------------------------------------*/
/*-----------MEDIA QUERIES------------*/
/*------------------------------------*/

@media only screen and (min-width:320px) and (max-width:568px) {
	
header#masthead.fixed .inner-head-row img { margin-left: 10px; } 

body .container { padding-left:0; padding-right:0; }

#security-sec1.inner-hero-section { min-height: 400px; padding-top: 150px; }

.inner-hero-section h1.page-head { font-size: 44px; }

.inner-hero-section h1.page-head::before { min-width: 30px; min-height: 60px; background-size: cover; }

#main-industry ul.industry-list { grid-template-columns: repeat(2, 1fr); }

#main-industry ul.industry-list li { margin-bottom:30px; }

.wc-industry-content .wc-industry-item { display:block; }

.wc-industry-content .wc-industry-feature-img { margin-right: auto; margin-left: auto; display: block; max-width: 350px; max-height: none; }

.wc-industry-content .wc-industry-feature-img img { width: auto; max-width: 100%; height: auto; }

.wc-industry-content .wc-industry-title { font-size:26px; }

.wc-industry-content .wc-content, .wc-industry-content p { font-size: 16px; }

.tech-adv-text ul li { font-size: 16px; } 

#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary { padding: 50px 10px 10px 10px; background-image: url(images/close-icon.png); background-repeat: no-repeat; background-position: 90% 3%; cursor: pointer; }

#mega-menu-wrap-primary #mega-menu-primary > li.search-menu-item { display:none; }

#mega-menu-wrap-primary #mega-menu-primary > li.mega-call-btn { max-width: 90%; margin: 10px auto 0 auto; clear: both; }

#mega-menu-wrap-primary #mega-menu-primary > li.mega-call-btn a.mega-menu-link { text-align:center; }

}


@media only screen and (min-width:768px) and (max-width:991px) {
	   
	   .bottom-header { max-height: 120px; }
	
		.inner-head-row img.custom-logo { margin-left:20px; } 
		
		body .container { padding-left:0; padding-right:0; }

		#security-sec1.inner-hero-section { min-height: 500px; padding-top: 200px; }

		.inner-hero-section h1.page-head { font-size: 70px; }

		.inner-hero-section h1.page-head::before { min-height: 90px; margin-left: -12%; background-size: cover; }

		#main-industry ul.industry-list { grid-template-columns: repeat(4, 1fr); }

		#main-industry ul.industry-list li { margin-bottom:30px; }

		.wc-industry-content .wc-industry-item { display:block; } 

		.wc-industry-content .wc-industry-feature-img { margin-right: auto; margin-left: auto; display: block; max-width: 350px; max-height: none; }

		.wc-industry-content .wc-industry-feature-img img { width: auto; max-width: 100%; height: auto; }

		#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary { padding: 50px 10px 10px 10px; background-image:url(/wp-content/themes/Compello%20Child/images/close-icon.png); background-repeat: no-repeat; background-position: 90% 3%; cursor: pointer; }

		#mega-menu-wrap-primary #mega-menu-primary > li.search-menu-item { display:none; }

		#mega-menu-wrap-primary #mega-menu-primary > li.mega-call-btn { max-width: 90%; margin: 10px auto 0 auto; clear: both; }

		#mega-menu-wrap-primary #mega-menu-primary > li.mega-call-btn a.mega-menu-link { text-align:center; }

}
	
	
.panel_btn a:hover{
  background-color: #fff !important;
  border: 1px solid #0e3a53 !important;
  color: #0e3a53 !important;
}

.white_bg a:hover {
  background: #174052 !important;
  color: #fff !important;
  border: 1px solid #174052 !important;
}

.migration_main .vc_row.wpb_row {
  margin: 0px auto !important;
}



/* ============= Compello Suite360 NetSuite Managed Services Page Start Css ============= */

.inner-hero-section .banner_hedding_style .sub-banner-text .wpb_wrapper {
  text-align: left;
}

.inner-hero-section .banner_hedding_style .sub-banner-text h2 {
  font-size: 52px;
  text-align: left;
  text-transform: none;
  color: #fff;
  font-family: 'roboto', sans-serif;
  margin-top: 0;
  margin-bottom: 25px;
  display: inline-block;
  position: relative;
  padding: 55px;
}

.inner-hero-section .banner_hedding_style .sub-banner-text h2::before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  border: 9px solid #fff;
  -webkit-clip-path: polygon(0 0,60% 0,36% 100%,0 100%);
  clip-path: polygon(0 0,100% 0,60% 100%,0 100%);
}

/* ============= Compello Suite360 NetSuite Managed Services Page End Css ============= */


	
/* ========================= Mobile View Responsive Start  ========================= */
	
@media only screen and (max-width: 767px) {
#security-sec1.home-page-banner {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}
	
.home-page-banner .owl-carousel .owl-stage .owl-item .item .cover {
  padding: 35px 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
	
.home-page-banner .owl-carousel .owl-stage .owl-item .item .cover .header-content {
  padding: 30px;
}
	
.home-page-banner .owl-carousel .owl-stage .owl-item .item .cover .header-content h2 {
  font-size: 30px !important;
  line-height: 37px;
}

.home-page-banner .owl-carousel .owl-stage .owl-item .item .cover .header-content h1 {
  font-size: 30px !important;
  line-height: 37px;
}
	
.home-page-banner .owl-carousel .owl-stage .owl-item .item {
  min-height: 400px;
}
	
.site-navigation.main-navigation #mega-menu-wrap-primary #mega-menu-primary {
  padding-top: 50px 15px !important;
}
	
.specializations_mainsec .specialization-content p {
  font-size: 18px !important;
  min-height: inherit !important;
  line-height: 23px !important;
}


.home_banner_mainslider.slick-slider .slick-list .slick-slide .header-content {
  padding: 30px;
}

.home_banner_mainslider.slick-slider .slick-list .slick-slide .header-content h1 {
  font-size: 30px;
  line-height: 37px;
}

.home_banner_mainslider.slick-slider .slick-list .slick-slide .header-content h2 {
  font-size: 30px;
  line-height: 37px;
}
}

/*  ========================= Mobile View Responsive End  ========================= */

/* ========================= Tablet View Responsive Start  ========================= */
	
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.bottom-header {
  height: 90px;
}
}

@media only screen and (min-width: 1100px) and (max-width: 1300px) {
header#masthead .container .row .col-lg-3.col-md-3.col-sm-3.col-xs-8.inner-head-row {
  width: 20%;
}

header#masthead .container .row .col-lg-9.col-md-9.col-sm-9.col-xs-4.col-lg-offset-1.head-content.navbar-expand-lg {
  width: 100%;
  padding-right: 0px;
}
}

/*  ========================= Tablet View Responsive End  ========================= */