@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
/*font-family: "Open Sans", sans-serif;*/
@font-face {
    font-family: 'centurygothic';
    src: url('../fonts/centurygothic.eot');
    src: url('../fonts/centurygothic.eot') format('embedded-opentype'),
         url('../fonts/centurygothic.woff2') format('woff2'),
         url('../fonts/centurygothic.woff') format('woff'),
         url('../fonts/centurygothic.ttf') format('truetype'),
         url('../fonts/centurygothic.svg#centurygothic') format('svg');
}
@font-face {
    font-family: 'centurygothic_bold';
    src: url('../fonts/centurygothic_bold.eot');
    src: url('../fonts/centurygothic_bold.eot') format('embedded-opentype'),
         url('../fonts/centurygothic_bold.woff2') format('woff2'),
         url('../fonts/centurygothic_bold.woff') format('woff'),
         url('../fonts/centurygothic_bold.ttf') format('truetype'),
         url('../fonts/centurygothic_bold.svg#centurygothic_bold') format('svg');
}
:root{
    --blue-bg: #235ba8;
    --text-grey: #373c42;
	--text-green: #4fcb5d;
    --black: #000;
    --start-time:0.5s;
    --end-time:0s;
    --normal-font: "Open Sans", sans-serif;
	--heading-font:'centurygothic'; 
	--heading-font-bold: 'centurygothic_bold';
    --w-100:100%;
}
section{
	overflow-x: clip;
}
body{
   font-family: var(--normal-font);
}
a{
    transition: all var(--start-time) ease-in-out var(--end-time) ;
}
img{
	max-width: 100%;
}
i{
	display: inline-block;
}
.topbar-outr{
    background: var(--blue-bg);
}
.topbar-outr .float-start p, .topbar-outr .float-end ul li a{
    color: var(--bs-body-bg);
}
.topbar-outr .float-end ul li + li{
    margin-left: 20px;
}
.topbar-outr .float-end ul li a:hover{
   color: var(--text-grey);
}
.navbar-nav li+li{
    margin-left: 1px;
}
.navbar-nav li a{
   color: var(--black)
}
.navbar-nav li:hover a, .navbar-nav li.active a{
  background: var(--text-grey);
  color: var(--bs-body-bg)
}
.banner-outr img{
    width: var(--w-100);
}
h1,h2{
   font-family: var(--heading-font);
}
.about-content-outr h1{
	color: var(--blue-bg);
}
.about-left-outr h5{
	font-family: var(--heading-font-bold);
}
.about-left-outr a{
	font-family: var(--heading-font-bold);
	color: var(--text-green);
}
.about-left-outr a:hover{
	color: var(--blue-bg)
}
.discuss-outr{
	background: var(--text-green);
}
.discuss-left{
	margin-top: -40px
}
.discuss-contact{
	color: var(--text-grey);
	font-family: var(--heading-font-bold);
}
.discuss-contact:hover{
	color: var(--blue-bg);
}
.discuss-btn{
	background: #000000;
	color: var(--bs-body-bg);
	font-family: var(--heading-font-bold);
	border: 2px solid transparent;
}
.discuss-btn:hover{
	border-color: var(--blue-bg);
	background: var(--bs-body-bg);
	color: var(--blue-bg);
}
.discuss-outr{
	margin-top: 5rem !important;
}
.price-heading{
	max-width: 850px;
}
.service-heading{
	max-width: 900px;
}
.price-box-outr h4{
	font-family: var(--heading-font-bold);
}
.price-heading  h1{
	color: var(--blue-bg);
}
.service-box-outr{
	box-shadow: 0px 0px 8px #eee;
	border-radius: 5px;
	height: 100%;
	padding-right: 1rem !important;
  padding-left: 1rem !important;

}
.service-box-outr i{
	transition: all var(--start-time) ease-in-out var(--end-time);
	height: 117px;
	line-height: 117px;
	margin-bottom: 0.8rem;
}
.service-box-outr:hover i{
	transform: scale(1.1,1.1);
}
@media (min-width: 1535px) {
.service-box-col{
	width: 20%;
}
.service-box-outr{
	padding-right: 2rem !important;
  padding-left: 2rem !important;
}
}
.service-box-outr h4{
	
	font-family: var(--heading-font);
}
.service-box-outr:hover h4{
	color: var(--blue-bg);
	
}

.footer-inr{
	background: var(--text-grey);
}
.footr-heading{
	font-weight: 800;
	color: var(--bs-body-bg);
}
.footr-contact-col ul li, .footr-contact-col ul li a, .footr-service-col ul li, .footer-bottom-inr p{
	color: var(--bs-body-bg);
}
.footr-contact-col ul li a:hover, .footr-contact-col ul li:hover, .footr-service-col ul li:hover{
	color: var(--text-green);
}
.footr-contact-outr ul li + li{
	margin-top: 1rem;
}
.company-mnu li + li, .footr-service-col ul li + li{
	margin-top: 0.6rem;
}
.footer-bottom-inr{
	border-top: 1px solid #ddd;
}
.service-btn{
	font-family: var(--heading-font);
	border-radius: 5rem !important;
}
.service-btn b{
	font-family: var(--heading-font-bold);
}
.why-box-outr i{
	height: 193px;
	width: 193px;
	background: var(--text-grey);
	display: inline-block;
	line-height: 193px;
	transition: all var(--start-time) ease-in-out var(--end-time);
	
}
.why-box-outr:hover i{
	background: var(--blue-bg)
}
.why-box-outr:hover h3{
	color: var(--blue-bg)
}
.why-bor-content-outr{
	border-top: 1px solid var(--text-grey);
	border-bottom: 1px solid var(--text-grey);
	padding-left: 8rem !important;
	padding-right: 8rem !important
}
.why-content-outr + .discuss-outr{
	margin-top: 0px !important;
}

.why-content-outr{
	background: #fcfcfc;
}
.why-content-text-outr h2{
	color: var(--blue-bg);
	max-width: 500px;
}
.contact-grid-outr{
	background:#f3f3f3;
}
.contact-box-outr{
	background: var(--bs-body-bg);
}
.contact-box-outr p a, .contact-box-outr p{
	color: #737373;
}
.contact-box-outr p a:hover{
	color: var(--blue-bg);
}
.contact-box-outr  i{
	display:inline-block;
	margin-bottom: 1rem;
}
.contact-grid-outr .container{
	max-width: 1330px
}
.whats-sticky{
	position: fixed;
	right: 15px;
	bottom: 30px;
	z-index:99;
}
.whats-sticky img{
	width: 54px;
}
.whats-sticky:hover{
	opacity:0.7;
}
.our-service-header h2{
	color: var(--blue-bg)
}
.client-pic-outr h5{
	font-family:var(--heading-font);
	color: var(--blue-bg);
	font-weight: 600;
}
.client-text{
	max-width: 350px;
	margin:0 auto;
}
.client-text p{
	font-size: 12px;
}
.client-slidr-outr .owl-nav{
	margin-top:0px;
}
.client-slidr-outr .owl-nav button{
	position: absolute;
	
	inset-block-start:  50%;
	transform: translateY(-50%);
	  -webkit-transform: translateY(-50%);
	  -moz-transform: translateY(-50%);
}
.client-slidr-outr .owl-nav .owl-prev{
	 inset-inline-start: 0px;
}
.client-slidr-outr .owl-nav .owl-next{
	 inset-inline-end: 0px;
}
.client-slidr-outr  .owl-theme .owl-nav [class*="owl-"]:hover{
	background: transparent;
	color: var(--blue-bg);
}
@media (min-width: 1400px) {
.contact-box-col{
	padding-right: calc(var(--bs-gutter-x) * 1);
  padding-left: calc(var(--bs-gutter-x) * 1);
}
.contact-grid-outr .row{
	margin-right: calc(-1 * var(--bs-gutter-x));
  margin-left: calc(-1 * var(--bs-gutter-x));
}
}
.contact-form-box-outr input[type='text'].form-control{
	height: 60px;
}
.contact-form-box-outr{
	max-width: 850px;
}
.contact-form .text-start p{
	line-height: 2;
}
.contact-form .discuss-btn{
	font-family:var(--heading-font);
}
.discuss-outr .container{
	max-width: 1380px
}
.slider .owl-theme .owl-dots .owl-dot span{
	height: 24px;
	width: 24px;
}
.slider .owl-theme .owl-dots .owl-dot span{
	background: var(--bs-body-bg);
}
.slider .owl-theme .owl-dots .owl-dot.active span,.slider .owl-theme .owl-dots .owl-dot:hover span {
	background: var(--text-grey);
}
.slider .owl-theme .owl-dots{
	margin-top:0px !important;
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	  -webkit-transform: translateY(-50%);
	  -moz-transform: translateY(-50%);
}
.slider .owl-theme .owl-dots .owl-dot {
	display:block;
	zoom: 1;
}
.welcome-text-col .discuss-btn, .our-service-grid-outr .discuss-btn {
	font-family: inherit;
	font-size: 12px;
	background: var(--text-grey);
}
.welcome-text-col .discuss-btn:hover, .our-service-grid-outr .discuss-btn:hover{
	background: var(--bs-body-bg);
}
.welcome-text-col h1{
	color: var(--blue-bg);
}
.welcome-text-col p{
	margin-bottom: 1.5rem;
}
.welcome-text-col h4{
	font-weight: 500;
}
.why-choose-outr{
	background: var(--blue-bg);
}
.why-choose-outr{
	color: var(--bs-body-bg)
}
.why-choose-header h5{
	font-family: var(--heading-font);
}
.why-choose-header{
	max-width: 900px;
	margin:0 auto;
}
.why-choose-col h4{
	font-family: var(--heading-font);
	transition: all var(--start-time) ease-in-out var(--end-time);
}
.why-choose-col i{
	display:inline-block;
	height: 123px;
	line-height: 123px;
}
.why-choose-col i{
	transform: translateY(0deg);
	transition: all var(--start-time) ease-in-out var(--end-time);
}
.why-choose-col:hover i{
	transform: translateY(-20px) scale(1.1,1.1);
}
.why-choose-col:hover h4{
	color: var(--black);
}
.our-service-grid-col h4{
	font-family: var(--heading-font);
	font-weight: 400;
	font-size: 1.1rem;
}
.our-service-grid-col i{
	transition: all var(--start-time) ease-in-out var(--end-time);
	height: 95px;
	line-height: 95px;
}
.our-service-grid-col:hover i{
	transform: translateY(-20px) scale(1.1,1.1);
}
.our-service-grid-col:hover h4{
	color:var(--blue-bg); 
}
.header-outr.fixed {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 99;
	background: rgba(255,255,255,0.8);
	/*color: var(--white);*/
	box-shadow: 0px 0px 10px #999;
	animation: slideDown 0.35s ease-out;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
.header-outr.fixed .topbar-outr{
   display:none ;
}
.welcome-text-col p, .about-content-outr p, .why-content-text-outr p{
	text-align: justify;
}
@media (min-width: 1600px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1532px;
  }
}
@media (min-width: 1200px) {
	.discuss-contact h3{
		font-size: 2rem;
	}
	.discuss-btn{
		font-size: 1.2rem;
	}
	
h1{
	font-size: 1.5rem;
}
.service-btn{
	font-size: 2.5rem;
}
.discuss-middle h2{
	font-size: 2.1rem;
  
}

}

@media (min-width: 992px) {
.footr-contact-col{
	width: auto;
}
.service-box-outr h4{
	font-size: 1.1rem;
}
}