:root {
		--c_blue: #033e53;
		--c_light_blue: #d9dafa;
		--c_gray:#dadada;
		--c_white: #fff;
		--c_purple: #5f55a9;
		--c_l_purple: #bcaff1;
}

.bg_gray {background: var(--c_gray);}
.bg_blue {background: var(--c_blue);}
.bg_white { background: var(--c_white);}
.bg_l_purple {background: var(--c_l_purple);}

body {
    font-family: 'verdana', sans-serif;
    position: relative;
    line-height:24px;
    color:#6f6f6f;
	background:none !important;
}

.width100 { width:100%;}
.br-10 { border-radius:10px;}
p {line-height: 1.8rem;}

.inner_page h5 { color:var(--c_purple); border-bottom:ridge 3px #fdd; display:inline-block; padding-bottom:5px; margin:15px 0;}
.inner_page h6,
.inner_page b {color:var(--c_blue); font-weight:600; }

.inner_page img { 
	display: block;
	margin: 0 auto;
	}

.banner_div { background: url(../images/banner_image.jpg) no-repeat; background-size: cover; width:100%; }
.inner_banner_div { background: no-repeat; background-size: cover; width:100%; min-height:400px; }
.banner_div .text_div,
.inner_banner_div .text_div { /*margin: auto;*/ text-transform:capitalize; line-height:24px; color:var(--c_white); }
.fixed-top {
	top: -40px;
	transform: translateY(40px);
	transition: transform .3s;
	border-bottom: solid 2px var(--c_blue);
}
.dropdown-menu { border-radius:0;}
.nav-item { 
-webkit-transition: border-color 1s ease;
         -moz-transition: border-color 1s ease;
           -o-transition: border-color 1s ease;
          -ms-transition: border-color 1s ease;
              transition: border-color 1s ease; 
			  
  text-decoration: none;
  border-top: 4px solid var(--c_white);
  border-bottom: 4px solid var(--c_white);
  margin:0 10px;
}
.nav-item:hover,
.nav-item.active
 {
  border-top: 4px solid var(--c_blue);
  border-bottom: 4px solid var(--c_blue);
  color: var(--c_blue);
  
}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus,
.navbar-nav .nav-item.active .nav-link{
  color: var(--c_blue);
}
.nav-item.active .nav-link { color:var(--c_blue);}
.navbar-dark .navbar-nav .nav-link {
    color: var(--c_l_purple);
}
.navbar-dark .navbar-nav .nav-link {
    color: var(--c_l_purple);
}

.menu-col img {margin-right:10px; /*display:block; margin:auto;*/}
.menu-col .fa,
.menu-col .fa-solid { font-size:20px; color:var(--c_purple);display:inline-block;margin-right:5px;}
.menu-col a {text-decoration:none;}
.menu-col.icon_box {margin-top:10px; margin-bottom:10px;}
.megamenu_text { font-size:15px; font-weight:400;  color:var(--c_blue);}
.menu-col:hover .megamenu_text {color:var(--c_purple);}
.navbar .megamenu{ padding: 1rem; }

/***SECTION TITLE***/
.section_title {
    padding-bottom: 40px;
}
.section_title h2 {
    
    font-weight: 500;
    padding: 0;
    line-height: 1px;
    margin: 0 0 5px 0;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--c_blue);
}
.section_title h2::after {
    content: "";
    width: 150px;
    height: 2px;
    display: inline-block;
    background: var(--c_l_purple);
    margin: 8px 10px;
}

/**ABOUT US***/

.bg_about,
.inner_bg {background: rgb(198,230,229);
background: linear-gradient(0deg, rgba(198,230,229,1) 0%, rgba(255,255,255,1) 100%);}

.bg_about { 
    background: url(../images/banner1.png) no-repeat bottom right, linear-gradient(0deg, rgba(198,230,229,1) 0%, rgba(255,255,255,1) 100%); 
	min-height:300px;
}

.fa-ul .fa { font-size:18px; color:var(--c_purple);}
.fa-li { top:inherit !important;}
.fa-ul > li { padding-top:10px; padding-left: 5px;}

.inner_page_bg {
	background: url(../images/service_bg.png) repeat-x;
	min-height:400px;
}

/*****SERVICES****/

.bg_services {   
background:linear-gradient( rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), url(../images/1bg_services.jpg);
      background-size:cover;
	/*background: url(../images/bg_services.jpg) top left no-repeat;
    background-size: cover;*/
	}
	
.services_tab_bg {
	border-radius:10px;
	padding:10px 0;
	list-style:none;
	}
.services_tab_bg li {
	padding:10px 20px;
	border-bottom:dotted 1px var(--c_light_blue);
	text-transform:capitalize;
}
.services_tab_bg li:last-child {border-bottom:0;}
.services_tab_bg li a {  
color: var(--c_white);
text-decoration:none;
 transition: all 0.3s ease 0s; 
  -webkit-transition: all 0.3s ease 0s; 
}
.services_tab_bg li a:hover {
	color:var(--c_l_purple);
}
	
/*****Testimonial*****/

.testimonial_bg {
  background: url(../images/bg_services.jpg);
}

/*****Inner Pages*****/


/********contact page**********/

.contact_page .fa { font-size:22px;color: var(--c_purple); float:left; margin-top:4px;margin-right: 15px;}

/***Buttons***/
.subtitle-wrap {
    display: inline-flex;
    border-radius: 2rem;
    padding: 0.5rem;
    padding-bottom: 0;
    background: var(--c_blue);
    flex-direction: row;
    width: fit-content;
    align-items: center;
    margin-bottom: 2rem;
	transition: 500ms linear; 
}
.subtitle-wrap .mbr-iconfont {
    padding: 0 10px;
    padding-bottom: 8px;
    margin: 0;
    color: var(--c_white);
    font-size: 2rem;
}
.mbr-section-subtitle {
    background: var(--c_white);
    color: var(--c_blue);
    width: fit-content;
    border-radius: 2rem;
    padding: 10px 1rem;
    text-align: left;
	font-size: 1rem;
}
a .subtitle-wrap:hover { transform: scale(1.1);}

/***FOOTER***/

footer { font-size:13px; background:var(--c_blue); color:var(--c_white);}
footer a { text-decoration:none; color:var(--c_l_purple);}

.zoom{transition: transform .5s ease;}
.zoom:hover {
  -ms-transform: scale(1.5); /* IE 9 */
  -webkit-transform: scale(1.5); /* Safari 3-8 */
  transform: scale(1.5); 
}
#toTopBtn {
     position: fixed;
    bottom: 12%;
    right: 15px;
    z-index: 98;
    padding: 21px;
    background-color: var(--c_l_purple);
	opacity:.8;
	display:none;
    
}
.js .cd-top--fade-out {
    opacity: .5;
}

.js .cd-top--is-visible {
    visibility: visible;
    opacity: 1;
}

.js .cd-top {
    visibility: hidden;
    opacity: 0;
    transition: opacity .3s,visibility .3s,background-color .3s;
}

.cd-top {
    position: fixed;
    bottom: 20px;
    bottom: var(--cd-back-to-top-margin);
    right: 20px;
    right: var(--cd-back-to-top-margin);
    display: inline-block;
    height: 40px;
    height: var(--cd-back-to-top-size);
    width: 40px;
    width: var(--cd-back-to-top-size);
    box-shadow: 0 0 10px rgba(0,0,0,.05) !important;
    background: url(https://res.cloudinary.com/dxfq3iotg/image/upload/v1571057658/cd-top-arrow.svg) no-repeat center 50%;
    background-color: hsla(5,76%,62%,.8);
    background-color: hsla(var(--cd-color-3-h),var(--cd-color-3-s),var(--cd-color-3-l),0.8);
}

.inner_banner_div .text_div h1 { 
	
	line-height: 3.5rem; 
	text-transform: capitalize;
	font-style: italic;
	font-family: 'Font Awesome\ 5 Free';
	} 
	
	
/* ============ desktop view ============ */
@media all and (min-width: 992px) {
	
.navbar .has-megamenu{position:static!important;}
.navbar .megamenu{left:0; right:0; width:100%; margin-top:0;  }

.navbar .nav-item .dropdown-menu{  display:block;  visibility: hidden; transition:.3s; margin-top:0; opacity:.5 }
.navbar .nav-item:hover .nav-link{ color: var(--c_blue);  }
.navbar .dropdown-menu.fade-down{ top:80%; transform: rotateX(-75deg); transform-origin: 0% 0%; }
.navbar .dropdown-menu.fade-up{ top:73%;  }
.navbar .nav-item:hover .dropdown-menu{ transition: .3s; opacity:1; visibility:visible; top:99%; transform: rotateX(0deg); }
.banner_div, 
.inner_banner_div  { height:100%;}
.banner_div .text_div h1,
.inner_banner_div .text_div h1 { 
	margin-top:20%;
	margin-bottom:10%;
	line-height: 3.5rem; 
	text-transform: capitalize;
	font-style: italic;
	font-family: 'Font Awesome\ 5 Free';
	} 
	
}

/* ============ desktop view .end// ============ */


/* ============ mobile view ============ */
@media(max-width: 991px){
.navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse{
	overflow-y: auto;
	max-height: 90vh;
	margin-top:10px;
}
.navbar-brand img { width:70%;}
.menu-col img {display:none;}
.menu-col.icon_box {text-align:left;}
.nav-item:hover,
.nav-item.active
 {
  border-top: 0px !important;
  border-bottom: 0px !important;
  
}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus,
.navbar-nav .nav-item.active .nav-link{
  color: var(--c_light_blue);
  
}

.banner_image_desktop { display:none;}
.banner_div .text_div h1,
.inner_banner_div .text_div h1 { font-size:20px;font-style: italic;
	font-family: 'Font Awesome\ 5 Free';}

.section_title h2::after { width: 140px;}
.section_title h2 { font-size:18px;}
	
footer{ text-align:center;}
}
/* ============ mobile view .end// ============ */