/* ----------------------------------------------------------------
	Basic
-----------------------------------------------------------------*/

dl, dt, dd, ol, ul, li {
	margin: 0;
	list-style:none;
}

.clear {
	clear: both;
	display: block;
	font-size: 0px;
	height: 0px;
	line-height: 0;
	width: 100%;
	overflow:hidden;
}

::selection {
	background: #002868;
	color: #FFF;
	text-shadow: none;
}

::-moz-selection {
	background: #002868; /* Firefox */
	color: #FFF;
	text-shadow: none;
}

::-webkit-selection {
	background: #002868; /* Safari */
	color: #FFF;
	text-shadow: none;
}

:active,
:focus { outline: none !important; }


/* ----------------------------------------------------------------
	Typography
-----------------------------------------------------------------*/


body {
	line-height: 1.5;
	color: #1b1b1b;
	font-family:lato;
}

ul, li, p{
	font-size:15px;
}

.underline{
	text-decoration:underline!important;
}

ul.list{
	margin:0 0 15px 0;
	padding:0 0 0 15px;
}

ul.list li{
	padding:0 0 10px 0;
}

.two-box {
    /* display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px; */
}
 .two-box  .box{

    background: #111827;
    color: #fff;

 }

 .two-box  .box h3 {
    color: #fff;
    padding: 0;
    margin: 0 0 10px 0;
}

 .two-box  .box p{
	 margin:0;
 }

.mb-3{
	margin-bottom:20px;
}

/*  :root{
      --primary:#0b5cff;
      --dark:#111827;
      --gray:#6b7280;
      --light:#f5f7fb;
    }
     */
.leftmargin-lg2 {
    margin-left: 270px !important;
}

a {
	text-decoration: none !important;
	color: #002868;
}

a:hover { color: #222; }

a img { border: none; }

img { max-width: 100%; }

iframe { border: none !important; }


/* ----------------------------------------------------------------
	Basic Layout Styles
-----------------------------------------------------------------*/


h1,
h2,
h3,
h4,
h5,
h6 {
	color: #171616;
	font-weight: 600;
	line-height: 1.5;
	margin: 0 0 30px 0;
	font-family:lato;
}

h5,
h6 { margin-bottom: 20px; }

h1 { font-size: 36px; }

h2 { font-size: 30px; }

h3 { font-size: 24px; }

h4 { font-size: 18px; }

h5 { font-size: 14px; }

h6 { font-size: 12px; }

h4 { font-weight: 600; }

h5,
h6 { font-weight: bold; }

h1 > span:not(.nocolor),
h2 > span:not(.nocolor),
h3 > span:not(.nocolor),
h4 > span:not(.nocolor),
h5 > span:not(.nocolor),
h6 > span:not(.nocolor) { color: #002868; }

p,
pre,
ul,
ol,
dl,
dd,
blockquote,
address,
table,
fieldset,
form { margin-bottom: 30px; }

.com-padding{
	padding-top:60px;
	padding-bottom:60px;
}
.grey-bg{
	background:#f5f5f5;
	overflow: hidden;
}

.box h5{
	margin-bottom:0;
}

small { font-family:lato; }

section ::after, section ::before{
     display: none !important;}

/* Hero */
    .portfolio-item{float:none; width:auto; padding:0;}
	.hero{background:var(--light); background-image: url(images/text-bg.jpeg); background-repeat: no-repeat;
   background-position: center; background-size: cover; position: relative; padding: 60px 0;}
   .hero .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.87);z-index:1}
   .hero .container{position:relative;z-index:2}
    .hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center}
    .hero ul{margin:25px 0 35px}
    .hero ul li{margin-bottom:10px;color:var(--gray)}

    /* Highlights */
    .highlight{background:#fff; padding: 60px 0;}
    .highlight h2{text-align: center;}
    .highlight-box{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
    .box{padding:30px;border:1px solid #e5e7eb;border-radius:12px; text-align: center;}
    section.highlight .box{background: #111827; color: #fff;}
    section.highlight .box h3{color: #fff;}
/*-call to action-*/
section.call-to-action{padding: 60px 0;}
section.call-to-action .bg-img {
    background: url('images/text-bg.jpeg') no-repeat center center/cover;
    position: relative;
    padding: 60px 0;
    margin-bottom: 30px; border-radius: 50px; overflow: hidden;
}
section.call-to-action .overlay{background: rgba(17, 24, 39, 0.8);position:absolute;top:0;left:0;
    width:100%;height:100%;z-index:1;}
	section.call-to-action p{font-size: 20px;}
.box-inner {
    position: relative; z-index: 2;
    text-align: center; color: #fff;
}
.box-inner h2{color: #fff;}
section.call-to-action a{width: fit-content;}
/* Why choose */
    .why{background:var(--light); padding: 60px 0;}
    .why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px; justify-content: center; margin-top: 60px;}
    .why-item{display:flex;gap:15px; align-items: center;}
    .icon{width:200px;height:200px;border-radius:50%;background:rgba(11,92,255,.1);min-width: 200px;}

    /* Services */
    .additional-services{padding-bottom:60px; }
    .services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
    .service{border:1px solid #e5e7eb;border-radius:14px;padding:25px}
	section.how-work{padding: 60px 0;}
.center-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px;
    background: #111827;
    border-radius: 100px; margin-top: 40px;
}
.center-box h3{margin-bottom: 0px;color: #fff;margin-bottom: 15px;}
.center-box a {
    width: fit-content;
	background: #002868 !important; color: #fff !important; 
}
.center-box a:hover{background: transparent !important; border-color: #fff !important;}
    /* Pricing */
    .pricing{background:var(--light); padding: 60px 0;}
    .price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
    .price-card{background:#fff;border-radius:16px;padding:30px;border:1px solid #e5e7eb}
    .price-card ul{margin-top:15px}
    .price-card li{margin-bottom:8px;color:var(--gray)}

    /* FAQ */
    .faq-item{border-bottom:1px solid #e5e7eb;padding:20px 0}

   .testi{text-align:center;}
	.testi p{font-size:17px;}
	
	
section.why.what-you-get .why-grid {
    grid-template-columns: 1fr 1fr 1fr;
}
section.why.what-you-get .why-grid .icon {
    min-width: 60px;
    height: 60px;
    width: 60px;
	color: #002868;
}
section.why.what-you-get h2{text-align: center;}
section.why.what-you-get .why-grid p{margin-bottom: 0;}
.bottom-box-call {
    margin-top: 40px;
}
.bottom-box-call p {
    font-size: 20px;
}
.bottom-box-call p a{
    font-size: 30px; font-weight: 700;
}

.icon2 {
    width: 100px;
    height: 100px;
    min-width: 100px;
}

.why-item p{
	margin-bottom:0;
}

.why-item p strong{
	display:block;
}

.align-items-center {
    align-items: center;
    display: flex;
}




    @media(max-width:900px){
	.align-items-center{display:block;}	
      h1{font-size:32px}
      h2{font-size:26px}
      section{padding:60px 0}
	  section.why.what-you-get .why-grid,
      .hero-grid,.highlight-box,.why-grid,.services-grid,.price-grid{grid-template-columns:1fr}
    }
		.social_links {
			display: flex;
			justify-content: left;
		}
		.call-but {
			height: 50px;
			width: 153px;
			position: fixed;
			left: 30px;
			bottom: 30px;
			padding: 10px 5px 5px 5px;
			border-radius: 25px;
		}
		.call-but i {
			font-size: 3rem;
		}
		
		@media (max-width: 767px) {
			.hidden-xs {
				display: block !important;
			}
			
			.social_links {
				display: flex;
				justify-content: center;
			}
			
			.pricing-outer-box {
				margin: -40px;
			}
			
			.pricing-inner-box {
				margin: opx;
			}
		}
		
		@media (max-width: 520px) {
			.icon-reorder {
				font-size: 3rem;
			}
			
			.standard-logo img {
				width: 11rem;
				height: 100%;
			}
			
			.gallery-alignment {
				display: flex;
				flex-direction: column;
				align-items: center;
			}
			
			.portfolio-item {
				width: 90%;
			}
			
			.i-plain {
				display: none;
			}
			
			.social_links {
				display: flex;
				justify-content: center;
			}
			
			.pricing-outer-box {
				margin: -40px;
			}
			
			.pricing-inner-box {
				margin: opx;
			}
		}