* {

    padding: 0;

    margin: 0;

}

html, body {height: 100%; width: 100%;}



body{  font-family: 'DM Sans',sans-serif; font-size:18px; color:#000; line-height: 1.5;}



html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, q, small,  sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, table, caption, tbody, tfoot, thead, tr, th, td, figure {	border: 0;	margin: 0;	padding: 0;	font-family:'Nunito Sans',sans-serif; font-weight: normal;}



img, fieldset, abbr, acronym {	border: 0;}



article, aside, figure, figcaption, hgroup, footer, header, nav, section, video, object {display: block;}



audio, canvas, video {display: inline-block;



display: inline;



zoom: 1;}



h1, h2, h3, h4, h5, h6 {	font-family: 'Nunito Sans',sans-serif;	font-size: 100%;	font-weight: normal;}



ul li, ol li {list-style: none;}



img {	border: none;	display: block; max-width:100%;}



a, a:link, a:focus {	color: #000 ;	text-decoration: none;	outline: none;	-moz-transition: all 0.3s ease 0s;	-ms-transition: all 0.3s ease 0s;	-o-transition: all 0.3s ease 0s;	-webkit-transition: all 0.3s ease 0s;	transition: all 0.3s ease 0s;}



a:hover {	color: #02bed8;	-moz-transition: all 0.3s ease 0s;	-ms-transition: all 0.3s ease 0s;	-o-transition: all 0.3s ease 0s;	-webkit-transition: all 0.3s ease 0s;	transition: all 0.3s ease 0s;}





@font-face {  font-family: 'FontAwesome';



  src: url('../fonts/fontawesome-webfont.eot?v=4.6.1');



  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.1') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.6.1') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.6.1') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.6.1') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.6.1#fontawesomeregular') format('svg');  font-weight: normal; font-style: normal;}



  .fa-twitter:before { content: "\f099";}.fa-facebook:before { content: "\f09a";}.fa-youtube::before {



    content: "\f167";}.fa-instagram::before {  content: "\f16d";}	.fa-angle-right:before { content: "\f105";}



.fa-phone-square:before { content: "\f098";}.fa-mobile-phone:before,

.fa-mobile:before {

  content: "\f10b";

}



.fa-angle-double-right:before { content: "\f101";}.fa-angle-left:before { content: "\f104";}.fa-arrow-right:before { content: "\f061";}.fa-clock-o:before { content: "\f017";}



.fa {  display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto;



  -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} .fa-phone:before { content: "\f095";}



  @font-face { font-family: "Flaticon"; src: url("../fonts/flaticon_flats.eot");  src: url("../fonts/flaticon_flats.eot?#iefix") format("embedded-opentype"),



       url("../fonts/flaticon_flats.woff") format("woff"),  url("../fonts/flaticon_flats.ttf") format("truetype"), url("../fonts/flaticon_flats.svg#Flaticon") format("svg");



  font-weight: normal; font-style: normal;}

.fa-x-twitter:before{content:"\e61b"}

  .fa-calendar:before { content: "\f073";}.fa-home:before {  content: "\f015";}

  .fa-slash-forward:before { content: "\2f";}

  .fa-map-marker:before { content: "\f041";}.fa-envelope-o:before { content: "\f003";}.fa-envelope:before { content: "\f0e0";} .fa-clock:before {  content: "\f017";}

.fa-chevron-down:before { content: "\f078";}

.fa-instagram:before {  content: "\f16d";}.fa-arrow-circle-right:before { content: "\f0a9";}  .fa-calendar:before{content:"\f073"} .fa-linkedin:before {  content: "\f0e1";}



.container-area{ max-width:1280px; width:100%; margin:0 auto}

.header-area{ background:#0460a1;}

.clear{ clear:both;}

.logo-area{ float:left; margin-top:-42px;}

.logo-area img{ background:#fff; padding:2px; border-radius:100%; box-shadow:0 8px 30px rgb(18 32 84 / 8%) }

.nav-area{ float:right; padding-top:10px }





/* display none until init */

.owl-carousel{

	display: none;

	position: relative;

	width: 100%;

	-ms-touch-action: pan-y;

}

.owl-carousel .owl-wrapper{

	display: none;

	position: relative;

	-webkit-transform: translate3d(0px, 0px, 0px);

}

.owl-carousel .owl-wrapper-outer{

	overflow: hidden;

	position: relative;

	width: 100%;

}

.owl-carousel .owl-wrapper-outer.autoHeight{

	-webkit-transition: height 500ms ease-in-out;

	-moz-transition: height 500ms ease-in-out;

	-ms-transition: height 500ms ease-in-out;

	-o-transition: height 500ms ease-in-out;

	transition: height 500ms ease-in-out;

}



.owl-carousel .owl-item{

	float: left;

}

.owl-controls .owl-page,

.owl-controls .owl-buttons div{ color: #fff; display:inline-block; margin:0 10px;

    width: 44px;

    height: 44px;

    cursor: pointer;

    border-radius: 8px;

    border: 1px solid #FFFFFF;

    -webkit-backdrop-filter: blur(8px);

    backdrop-filter: blur(8px);

    -webkit-transition: all 500ms ease-in-out;

    transition: all 500ms ease-in-out; font-size:0;

	cursor: pointer;

}

.owl-controls .active { background:#ff834f ;}

.owl-controls .owl-page:hover {  background:#ff834f;}

.owl-pagination{ width:100%; max-width:1180px; margin:0 auto; text-align: center}

@media (max-width: 768px) { .owl-pagination{ text-align: center;} }

.owl-controls {

	-webkit-user-select: none;

	-khtml-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}



/* mouse grab icon */

.grabbing {

    cursor:url(grabbing.png) 8 8, move;

}

/* fix */

.owl-carousel  .owl-wrapper,

.owl-carousel  .owl-item{

	-webkit-backface-visibility: hidden;

	-moz-backface-visibility:    hidden;

	-ms-backface-visibility:     hidden;

  -webkit-transform: translate3d(0,0,0);

  -moz-transform: translate3d(0,0,0);

  -ms-transform: translate3d(0,0,0);

}



.body-container .wide-slider .owl-carousel .item img {

    width: 100%;

    display: block;

}



.owl-controls{ display:none !important}

 

.body-container .wide-slider .owl-carousel .item .content {

    position: absolute;

    width: 100%;

    top:2%;

    z-index: 99; 

}

 .body-container {  overflow:hidden;   border-bottom-left-radius: 80px;

    border-bottom-right-radius: 80px;}

.owl-origin {

	-webkit-perspective: 1200px;

	-webkit-perspective-origin-x : 50%;

	-webkit-perspective-origin-y : 50%;

	-moz-perspective : 1200px;

	-moz-perspective-origin-x : 50%;

	-moz-perspective-origin-y : 50%;

	perspective : 1200px;

}

/* fade */

.owl-fade-out {

  z-index: 10;

  -webkit-animation: fadeOut .7s both ease;

  -moz-animation: fadeOut .7s both ease;

  animation: fadeOut .7s both ease;

}

.owl-fade-in {

  -webkit-animation: fadeIn .7s both ease;

  -moz-animation: fadeIn .7s both ease;

  animation: fadeIn .7s both ease;

}

/* backSlide */

.owl-backSlide-out {

  -webkit-animation: backSlideOut 1s both ease;

  -moz-animation: backSlideOut 1s both ease;

  animation: backSlideOut 1s both ease;

}

.owl-backSlide-in {

  -webkit-animation: backSlideIn 1s both ease;

  -moz-animation: backSlideIn 1s both ease;

  animation: backSlideIn 1s both ease;

}

/* goDown */

.owl-goDown-out {

  -webkit-animation: scaleToFade .7s ease both;

  -moz-animation: scaleToFade .7s ease both;

  animation: scaleToFade .7s ease both;

}

.owl-goDown-in {

  -webkit-animation: goDown .6s ease both;

  -moz-animation: goDown .6s ease both;

  animation: goDown .6s ease both;

}

/* scaleUp */

.owl-fadeUp-in {

  -webkit-animation: scaleUpFrom .5s ease both;

  -moz-animation: scaleUpFrom .5s ease both;

  animation: scaleUpFrom .5s ease both;

}



.owl-fadeUp-out {

  -webkit-animation: scaleUpTo .5s ease both;

  -moz-animation: scaleUpTo .5s ease both;

  animation: scaleUpTo .5s ease both;

}

/* Keyframes */

/*empty*/

@-webkit-keyframes empty {

  0% {opacity: 1}

}

@-moz-keyframes empty {

  0% {opacity: 1}

}

@keyframes empty {

  0% {opacity: 1}

}

@-webkit-keyframes fadeIn {

  0% { opacity:0; }

  100% { opacity:1; }

}

@-moz-keyframes fadeIn {

  0% { opacity:0; }

  100% { opacity:1; }

}

@keyframes fadeIn {

  0% { opacity:0; }

  100% { opacity:1; }

}

@-webkit-keyframes fadeOut {

  0% { opacity:1; }

  100% { opacity:0; }

}

@-moz-keyframes fadeOut {

  0% { opacity:1; }

  100% { opacity:0; }

}

@keyframes fadeOut {

  0% { opacity:1; }

  100% { opacity:0; }

}

@-webkit-keyframes backSlideOut {

  25% { opacity: .5; -webkit-transform: translateZ(-500px); }

  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }

  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }

}

@-moz-keyframes backSlideOut {

  25% { opacity: .5; -moz-transform: translateZ(-500px); }

  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }

  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }

}

@keyframes backSlideOut {

  25% { opacity: .5; transform: translateZ(-500px); }

  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }

  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }

}

@-webkit-keyframes backSlideIn {

  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }

  75% { opacity: .5; -webkit-transform: translateZ(-500px); }

  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }

}

@-moz-keyframes backSlideIn {

  0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }

  75% { opacity: .5; -moz-transform: translateZ(-500px); }

  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }

}

@keyframes backSlideIn {

  0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }

  75% { opacity: .5; transform: translateZ(-500px); }

  100% { opacity: 1; transform: translateZ(0) translateX(0); }

}

@-webkit-keyframes scaleToFade {

  to { opacity: 0; -webkit-transform: scale(.8); }

}

@-moz-keyframes scaleToFade {

  to { opacity: 0; -moz-transform: scale(.8); }

}

@keyframes scaleToFade {

  to { opacity: 0; transform: scale(.8); }

}

@-webkit-keyframes goDown {

  from { -webkit-transform: translateY(-100%); }

}

@-moz-keyframes goDown {

  from { -moz-transform: translateY(-100%); }

}

@keyframes goDown {

  from { transform: translateY(-100%); }

}



@-webkit-keyframes scaleUpFrom {

  from { opacity: 0; -webkit-transform: scale(1.5); }

}

@-moz-keyframes scaleUpFrom {

  from { opacity: 0; -moz-transform: scale(1.5); }

}

@keyframes scaleUpFrom {

  from { opacity: 0; transform: scale(1.5); }

}



@-webkit-keyframes scaleUpTo {

  to { opacity: 0; -webkit-transform: scale(1.5); }

}

@-moz-keyframes scaleUpTo {

  to { opacity: 0; -moz-transform: scale(1.5); }

}

@keyframes scaleUpTo {

  to { opacity: 0; transform: scale(1.5); }

}

.bannertitle{ color:#fff; font-size:55px; line-height:60px;  font-weight:900; margin-bottom:20px;  }

.slider-two_content{   z-index: 150; float:left; width:63%; padding-top:70px;

    position:relative;}

.slider-two_content-left{ float:right; width:35%; position:relative; text-align:center;}

.imagearea img{ width:100%}

/* Bottom curve */

.slider-two_content-inner p{ color:#fff; font-size:21px; font-weight:600}

.btn1{ background:#000 url(../images/arrow1.png) 5px 5px no-repeat; border-radius:40px; color:#fff !important; font-weight:700; padding:16px 30px 16px 60px;}

.btn1:hover{ background:#fff url(../images/arrow01.png) 5px 5px no-repeat; color:#000 !important}



.btn2{ background:#00b1ea url(../images/arrow1.png) 5px 5px no-repeat; border-radius:40px; color:#fff !important; font-weight:700; padding:16px 30px 16px 60px;}

.btn2:hover{ background:#0460a1 url(../images/arrow1.png) 5px 5px no-repeat; color:#fff !important}



.btn01{ background:#00b1ea; border-radius:40px; color:#fff !important; font-weight:700; border:0; font-size:18px; padding:16px 30px 16px 30px;}

.btn01:hover{ background:#0460a1; color:#fff !important; cursor:pointer}



.banner-area{ background:  linear-gradient(

        to bottom,

        rgba(3, 96, 163, 1),

        rgba(0, 177, 234, 0.7)

    ),

    url("../images/bg2.jpg");

background-position: center bottom ; background-repeat:repeat; position:relative; max-height:600px; overflow:hidden;    border-bottom-left-radius: 80px;

    border-bottom-right-radius: 80px;

    z-index: 3; box-shadow: 0 15px 0 rgb(255 255 255 / 100%);}

	

	/*.banner-area::after {

    content: "";

    position: absolute;



    left: 50%;

    bottom: 10px;

    transform: translateX(-50%);



    width: 100%;

    height: 90px;



    background: #000;



    border-bottom-left-radius: 80px;

    border-bottom-right-radius: 80px;



    z-index: -1;

}

	*/

	.banner-bottom-style{ position:relative}

	.banner-bottom-style::after {

    content: "";

    position: absolute;

    bottom: -15px; z-index:2;

    left: 50%;

    transform: translateX(-50%);

    width: 100%;

    height:110px; 



    border-radius: 0 0 80px 80px;

    box-shadow: 0 14px 0 rgba(246,246,246,100%);

}



.main-wrapper{ padding:0px 0 0px 0; background: #e6e6e9;  

}

.why-choose-area{ background:#fff; padding:30px; box-shadow:0 8px 30px rgb(18 32 84 / 6%); border-radius:20px}

.about-left {

    width: 57%;

    float: left;

    position: relative; 

}

.imagearea img{  max-width:460px; border:20px solid rgba(255,255,255,1.00); border-radius:100%; box-shadow:0 10px 0 0px #cde3eb }

.about-left img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: 20px;

    display: block;

}

.about-left {

    position: relative;

}

.about-left::before {

   content: "";

    position: absolute;

    left: 40%;

    top: 0%;

    width: 47px;

    height: 40px;

    background: transparent;

    border-top-right-radius: 20px;

    box-shadow: 30px -19px 0 4px #fff;

}



.about-left::after {

   content: "";

    position: absolute;

    right: 0px;

    top: 45%;

    width: 45px;

    height: 40px;

    background: transparent;

    border-top-right-radius: 20px;

    box-shadow: 27px -22px 0 4px #fff;

}



/* Text box overlay */

.img-text-box {

    position: absolute;

    top: 0px;

    right: 0px;

    background: #fff;

    width: 50%;

    padding: 5px 15px 25px 15px;

    border-radius: 0px 15px 0px 15px;

    

   

}

.text-card{

    padding: 0px 20px 20px;

}

.text-card h2 {

    font-size: 41px;

    line-height: 44px;

    font-weight: 800;

    padding-bottom: 35px;

}



    .about-right{

         width: 38%;

        float: right;

    }

     .about-right h3{

        font-size: 31px;

        font-weight: 700; color:#0360a3;

        line-height: 40px;

        position: relative;

     }

   .about-text h3 {

    position: relative;

}





 .about-right p{

    font-size: 18px;

    line-height: 25px;

    padding-bottom: 20px; margin-bottom:15px; border-bottom:dotted 1px #989797

 }

 .btn-text{

    margin: 10px 0px 10px;

 }

 .btn-text a{

    padding: 13px 50px;

    font-size: 18px;

    font-weight: 600;

    border: 1px solid #0460a1;

    border-radius: 30px;

    text-decoration: none;

    color: #000;

 }   

 .btn-text a:hover{ background:#0460a1; color:#fff}

 .about-and-vision{ margin-bottom:60px; margin-top:60px;     background: #fff;

    padding: 0px 50px;

    box-shadow: 0 8px 30px rgb(18 32 84 / 6%);

    border-radius: 20px;}

	 .about-and-vision h2{font-size: 41px;

    line-height: 44px;

    font-weight: 800;

    padding-bottom:10px;}

	.about-col-1{ float:left; width:34%; padding:50px 0} .about-col-2{ float:left; width:25%; margin-left:3.5%} .about-col-3{ float:right; width:34%; padding:50px 0}

	.about-col-2 img{ border-radius:20px;}

	

.services-area{}

.services-box-left{ float:left; margin-left:1.5%; padding-top:25px; width:30%}

.services-box-left img{ width:156px; margin:0 auto}

.services-box-right{ float:right; width:65%}

.services-box-right h2{    font-size: 41px;

    line-height: 44px;

    font-weight: 800;

    padding-bottom: 10px;}

.services-area{ margin-bottom:60px;}

.services-box{ display:inline-block; width:30%; margin:15px 1.5%; background:#fff; border-radius:30px; vertical-align:top} 

.services-box img{ border-radius:20px;}

.servicestxt{ padding:30px 30px}

.servicestxt h3{font-size: 25px;

    font-weight: 700;

    color: #0360a3;

    line-height:34px; padding-bottom:7px;}

	.servicestxt h3 a{ color: #0360a3; font-weight:700}

	.servicestxt h3 a:hover{ color:#00b1ea}

	.text-center{ text-align:center}

	.circle-box {

    position: absolute;

    left: 50%;

    bottom: 0;



    width: 100px;

    height: 100px;

    background: #0f9d58;

    border-radius: 50%;



    transform: translate(-50%, 50%);

    z-index: 10;



    box-shadow: 0 22px 40px rgba(0,0,0,0.18);

}



/* LEFT SMOOTH ATTACH CORNER */

.circle-box::before {

    content: "";

    position: absolute;



    top: -28px;

    left: -50px;



    width: 50px;

    height: 50px;



    background: transparent;

    border-bottom-right-radius: 50px;



    box-shadow: 0 28px 0 0 #0f9d58;

}



/* RIGHT SMOOTH ATTACH CORNER */

.circle-box::after {

    content: "";

    position: absolute;



    top: -28px;

    right: -50px;



    width: 50px;

    height: 50px;



    background: transparent;

    border-bottom-left-radius: 50px;



    box-shadow: 0 28px 0 0 #0f9d58;

}



.solution-area{background: #00b1ea;

    padding: 50px 30px;

    box-shadow: 0 8px 30px rgb(18 32 84 / 6%);

   }

.solution-area h2{font-size: 41px;

    line-height: 44px;

    font-weight: 800;

    padding-bottom: 10px; color:#fff; text-align:center}

	.colorw{ color:#fff}

	.solution-box{ display:inline-block; width:30%; display:inline-block; margin:15px 1.5%; vertical-align:top}

	.solution-box img{ border-radius:20px; border:solid 12px #fff; width:93% }

	.solution-box h3{    font-size: 25px;

    font-weight: 700;

    color: #fff; padding-top:20px;

    line-height: 34px;

    padding-bottom: 7px;} .solution-box h3 a{ color:#fff; font-weight:700  } .solution-box h3 a:hover{ color:#fff; text-decoration:underline } .solution-box p{ color:#fff}

	

	.home-form-area{background: #fff;

    box-shadow: 0 8px 30px rgb(18 32 84 / 6%);

    border-radius: 20px; margin-top:60px;}

	.home-form-left{ float:left; width:40%}

		.home-form-left img{ border-radius:10px 0px 0 10px}

	.home-form-right{ float:right; width:53%; padding:40px 3% 40px 0}

	.home-form-right h2{font-size: 34px;

    line-height: 40px;

    font-weight: 600;

    padding-bottom: 10px; }

	.form-control {

    padding: 16px 5% 16px 5%;

    border-radius: 30px;

    width: 90%;

    background: #fff; border:solid 1px #ccc;

    font-size: 16px;



}.form-control-1 {

    font-family: Arial, Helvetica, sans-serif;

    padding: 16px 3% 16px 3%;

    border-radius: 30px;

    width: 94%; border:solid 1px #ccc;

    background: #fff;

    font-size: 16px;



}

.form-row{ margin-top:15px;}

.testimonial-area{background: #fff; padding:40px 40px;

    box-shadow: 0 8px 30px rgb(18 32 84 / 6%);

    border-radius: 20px;

    margin-top: 60px;}

.testimonial-area h2{    font-size: 41px;  line-height: 44px; font-weight: 800; padding-bottom:10px; margin-top:12px;}

.testimonial-left{ float:left; width:42%}

.testimonial-right{ float:right; width:56%}

.testimonial-left img{ border-radius:20px;}

.testimonial-box{ float:left; width:48%; margin-left:2%; }

.tbox-amin{border:solid 1px #0460a1; padding:20px 25px;  border-radius: 20px;}

.testimonial-box h3{ font-weight:700; font-size:24px; color:#00b1ea; padding-top:5px;} .testimonial-box h4{ padding-bottom:5px;}



.latest-blog-area{

    margin-top: 60px;}

.latest-blog-area h2{    font-size: 41px;  line-height: 44px; font-weight: 800; padding-bottom: 5px;}

.blog-left{ float:left; width:55%; position:relative;} .blog-right{ float:right; width:42%}

.blog-left-content{ position:absolute; padding:40px; bottom:0px; color:#fff; z-index:9} 

.blog-left-content h4{ color:#fff}

.blog-left-content h3{ font-size:28px; line-height:32px; padding-bottom:15px;} .blog-left-content h3 a{ color:#fff; font-weight:700} .blog-left-content h3 a:hover{ text-decoration:underline}

.blog-left::before{position: absolute;

    opacity: 0.7;

    background: linear-gradient(transparent, #0460a1), linear-gradient(transparent, #0460a1);

    content: "";

    height: 100%;

    inset-inline-start: 0;

    top: 0;

    width: 100%;

    z-index: 1; border-radius:20px;}

.blog-left img{ border-radius:20px;}

.blog-box{ margin-bottom:20px; border:solid 1px #0460a1;border-radius:20px; padding:10px;} .blog-box-left img{ border-radius:20px; }

.blog-box-left{ float:left; width:35%} .blog-box-right{ float:right; width:60%} .blog-box-right h4{ color:#00b1ea } .blog-box-right h3{ font-size:24px; line-height:30px; padding-bottom:5px;} .blog-box-right h3 a{ font-weight:700; } .blog-box-right h3 a:hover{color:#00b1ea }



.footer-area{ background:#0460a1; padding:40px 0; margin-top:60px;}

.fcol-1{ float:left; width:29%; margin:0 2%}

.fcol-1 h4{ color:#fff; font-size:28px; font-weight:700; padding-bottom:15px;}

.flist li a {

    color: #fff;

    font-size: 16px;

    text-decoration: none;

    background: url(../images/arrow2.png) no-repeat left 5px;

    padding-left: 15px;

    display: block;

}

.flist li a:hover { color:#41cffd}

.flist li {

    display: block;

    margin-bottom: 18px;

}.footer-social {

    margin-top: 30px;

}.footer-social li { display:inline-block; margin-right:30px;



    line-height: 22px;

    font-size: 31px;

}.footer-social li a{ color:#fff} .footer-social li a:hover{ color:#00b1ea}

.clist li {

    margin-bottom: 20px;

    color: #fff;

}.clist li .fa { font-size:20px;

    color: #00b1ea;

}.clist li span {

    float: right;

    width: 92%;

}.clist li a {

    color: #fff;

}.clist li a:hover {color:#41cffd}

.footer-bottom-area { font-size:17px;

    background-color: #253046;

    padding: 25px 0;

}.bottom-footer-left { width:50%;



    float: left; color:#fff;

}.bottom-footer-right {

    color:#fff;

    float: right;

}.bottom-footer-right a{ font-weight:700; color:#fff} .bottom-footer-right a:hover{ color:#fff; text-decoration:underline }

.top-area{ background:#fff; padding:15px 0; text-align:right; line-height:18px;}

.top-area li{ display:inline-block; vertical-align:top; border-left: solid 1px #ddd; padding:0 16px; line-height:18px;} .top-area li a{ font-weight:400; font-family:Arial, Helvetica, sans-serif; font-size:17px;}

.top-area li:first-child{ border-left:0;} .top-area li .fa{ color:#00b1ea;} .top-area li i{ display:inline-block; vertical-align:middle}

.welcome-area{ max-width:1080px; width:100%; margin:0 auto; padding:80px 0 0 0}

.welcome-left{ float:left; width:37%} .welcome-right{ float:right; width:58%;}

.welcome-right h1{ font-size: 41px;  line-height: 44px; font-weight: 800; padding-bottom: 10px;}

.welcome-left img{ border-radius:10px; padding-top:10px;}

.top-area li a .fa{ color:#000; font-size:20px;} .top-area li a .fa:hover{ color:#00b1ea}

.textright{ text-align:right}

.font21{ font-size:21px !important; line-height:28px;}

.welcome-right p{ font-size:19px;}

@media (max-width: 769px) {

.logo-area {

    float: left;

    width: 20%;

    margin-top: 0;

    padding: 10px;

}

  .logo-area img{

  width: 100%;

}







.welcome-left,.welcome-right{

  width: 90%;

  float: none;

  padding: 20px;

}

.welcome-right p {

    font-size: 18px;

}

.about-col-1, .about-col-2, .about-col-3 {



    float: none;

    width:100%;

    padding: 10px 0;

}

.about-col-2 {

    

 

 margin-left: 0%; 

}

.about-col-1{

    padding-top: 30px;

}

.about-col-3 {

  padding-bottom: 30px;

}

.about-and-vision { margin-top:30px;

 padding: 0px 20px;

}

.about-and-vision h2 {

    font-size: 30px;

    line-height: 35px;

}

.services-box-left {

    display: none;

}

.services-box-right {

    float: none;

    width: 90%;

    padding: 10px;

}

.services-box {

    display: inline-block;

    width: 90%;

    margin: 15px 0%;

    background: #fff;

    border-radius: 30px;

    vertical-align: top;

}

.text-card h2 {

    font-size: 30px;

    line-height: 35px;

    padding-bottom: 20px;

}

.services-box-right h2 {

    font-size: 30px;

    line-height: 35px;

}

.font21 {

    font-size: 18px !important;

    line-height: 24px;

}

.text-card {

    padding: 0px 0px 0px;

}

.about-left {

    width: 100%;

    float: left;

    position: relative;

}

.img-text-box {

 

 width: 100%;

padding: 20px 0px;

  

}

.about-right {

    width: 100%;

    float: none;

    

}

.solution-box {

    width: 95%;

    display: inline-block;

    margin: 15px 2%;

    vertical-align: top;

}

.home-form-left {

    float: none;

    width: 90%;

    padding: 20px;

}

.solution-area h2 {

    font-size: 30px;

    line-height: 35px;

}

.font21 br{

  display: none;

}

.home-form-right h2{

  font-size: 30px; line-height: 35px;

}

.home-form-left img {

    border-radius: 10px;

}

.home-form-right {

    float: right;

    width: 90%;

    padding: 20px;

}

.testimonial-area {

    padding: 40px 20px;

}

.testimonial-area h2 {

    font-size: 30px;

    line-height: 35px;

}

.testimonial-left, .testimonial-right {

    float: none;

    width: 100%;

   

}

.latest-blog-area h2 {

    font-size: 30px;

    line-height: 35px;

}



.testimonial-box {

    float: left;

    width: 100%;

 margin-left: 0%; 

 margin-top: 20px;

}

.latest-blog-area {

    margin-top: 30px;

    padding: 10px 20px;

}

.blog-left {

    float: none;

    width: 100%;



}

.blog-left-content {

    position: absolute;

    padding: 10px;

    bottom: 0px;

    color: #fff;

    z-index: 9;

    display: none;

    

}

.blog-right {

    float: none;

    width: 100%;

    margin-top: 20px;



}

.blog-box-left {

    float: left;

    width: 100%;

}

.blog-box-right {

    float: right;

    width: 100%;

}

.main-wrapper {

    padding: 0px 0 30px 0;

    background: #e6e6e9;

}

.fcol-1 {

    float: none;

    width: 90%;

    margin: 0 3%;

}

.bottom-footer-left,.bottom-footer-right {

    width: 90%;

    float: none;

    color: #fff;

    padding: 10px;

} 

.top-area li {

    display: inline-block;

    vertical-align: top;

    border-left: solid 1px #ddd;

    padding: 5px 16px;

    line-height: 18px;

}

.solution-area {

    padding: 50px 20px;

    

}

.why-choose-area {

    background: #fff;

    padding: 30px 15px;

  }



  .welcome-right h1 {

    font-size: 30px;

    line-height: 35px;

    

}

.top-area {



    padding: 5px 0;

   

}







  /* Banner height unlock */

  .banner-area{

    height: auto !important;

    max-height: none !important;

    overflow: visible !important;

    border-bottom-left-radius: 40px;

    border-bottom-right-radius: 40px;

  }



  /* VERY IMPORTANT: remove absolute on mobile */

  .body-container .wide-slider .owl-carousel .item .content{

    position: relative !important;

    top: auto !important;

    left: auto !important;

    transform: none !important;

    padding: 20px 0 40px;

  }



  /* Remove floats */

  .slider-two_content,

  .slider-two_content-left{

    float: none;

    width: 100%;

    text-align: center;

    padding-top: 20px;

  }

.body-container .wide-slider .owl-carousel .item .lazyOwl{

    width: 0%;

    object-fit: cover;

    display: block;

}



  /* Image responsive */

  .imagearea img{

    width: 90%;

    max-width: 320px;

    margin: 0 auto;

    display: block;

  }

.bannertitle { padding-top:30px;

    color: #fff;

    font-size: 34px;

    line-height: 40px;

    font-weight: 900;

    margin-bottom: 20px;

}

.img-text-box {

    position: relative;}

    .about-left::after, .about-left::before{

      display: none;

    }



}

.innerbanner .imagearea img{ max-width:350px; margin-bottom:70px; float:right}

.innerbanner .bannertitle{ padding-top:90px;}

.container-area1{ max-width:1180px; width:100%; margin:0 auto}

.mtop80{ margin-top:80px;}

.breadcrumb_text ul {   display: inline-flex;   font-size: 18px;   flex-wrap: wrap;    align-items: center;}

.breadcrumb_text ul li a {

    text-transform: capitalize;

    font-weight: 400;

    color: #fff;

    margin-right: 7px;

    position: relative;

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

}

.breadcrumb_text ul li a:hover { color:#000} .breadcrumb_text ul li a.active { color:#000}

.contact-left{ float:left; width:47%} .contact-right{ float:right; width:47.5%}

.contact-row-left{ margin-bottom:25px; 

    padding-bottom: 25px;

    border-bottom: solid 1px #ddd;}

.contact-row .cricon {

    float: left;

    background: #0460a1;

    width: 50px;

    height: 50px;

    border-radius: 100%;

    text-align: center;

}.contact-row .crtxt {

    float: left; width:84%;

    margin-left: 15px;

}.contact-row .cricon i {

    color: #fff;

    font-size: 28px;

    padding-top: 11px;

}.contact-row .crtxt h3 {

    font-size: 21px;

    font-weight: 700;

    line-height: 30px;

}

.crtxt p a:hover{ color:#00b1ea}

.testimonial-inner{ width:100%}

.mleft0{ margin-left:0 !important}

.testimonial-inner .testimonial-box{ margin-left:3.5%; margin-bottom:35px;}

.cpageform .home-form-right { width:45%}

.cpageform .home-form-right h2 { font-size:30px;}

.cpageform .home-form-left{ width:47%}

.ptop20{ padding-top:20px !important}

.iinercontent h1 {

    font-size: 55px;

    line-height: 60px;

    font-weight: 800;

    padding-bottom: 15px; color:#0460a1;

}.iinercontent p{ padding-bottom:20px;}



.table {

    width: 100%;

    border-collapse: collapse; margin-bottom:20px;

    background: #fff;

}



.table th,

.table td {

    padding: 12px 15px;

    border: 1px solid #e5e5e5;

    text-align: left;

}



.table th {

    background: #0360a3;

    color: #fff;

    font-weight: 600;

}



.table tr:nth-child(even) {

    background: #f9f9f9;

}



.table tr:hover {

    background: #f1f7ff;

}

.list01{ margin-left:5px; margin-bottom:20px;}



.list01 li{ margin-bottom:15px; background:url(../images/arrow3.png) left 7px no-repeat; padding-left:18px; }

.imgleft{ border-radius:20px; float:left; margin-right:30px;}

.imgright{ border-radius:20px; float:right; margin-left:30px; margin-bottom:10px;}

.hrline{ height:1px; background:#ddd; margin:50px 0; width:100%; clear:both}
.blog-box1 {
    float: left;
    margin: 20px 1.5%;
    box-shadow: 0px 30px 60px 0px rgb(0 0 0 / 10%);
    width: 30%;
    background: #fff;
    border-radius: 30px;
}.blog-box1 img {
    border-radius: 20px;
}
.blog5-cart-title h3 {
    font-size: 22px;
    line-height: 28px;
    padding: 5px 0 10px 0;
}.blog5-cart-title h3 a {
    color: #000;
    font-weight: 700;
}
.blog5-cart-title h3 a:hover { color:#00b1ea}
.blog5-cart-title {
    padding: 25px;
}
.bolg5-nextarrow{ text-decoration:underline;}
.blog-left-area{ float:left; width:72%}
.blog-right-area{ float:right; width:26%}
.bgc1 {
    background: #0460a1;
    padding: 25px;
    margin-bottom: 30px;
    border-radius: 20px;
}
.bgc1 h3 {
    font-size: 31px;
    color: #fff;
    font-weight: 700;
}.bgc1 li {
    border-bottom: solid 1px #ccc;
    padding: 10px 0;
}.bgc1 a {
    color: #fff;
}.bgc1 a:hover { text-decoration:underline}

.bgc2 {
    background: #fff;
    box-shadow: 0 3px 17px rgb(0 0 0 / 10%);
    padding: 25px;
    border-radius: 20px;
    margin-bottom: 30px;
}.bgc2 h3 {
    font-size: 31px;
    font-weight: 700;
}.rpostlist li {
    border-bottom: solid 1px #ddd;
    padding: 10px 0;
}.rpostlist li a {
    color: #000;
}.rpostlist li a:hover {color:#00b1ea}
.rpostlist li:last-child {
    border-bottom: 0;
}.bgc1 li:last-child {
    border-bottom: 0;
}
@media (max-width: 1280px) {.container-area{ width:96%}}
@media (max-width: 767px) {.blog-left-area{ width:100%} .blog-right-area{ display:none}}
@media (max-width: 479px) {.top-area ul{ text-align:center}.welcome-right{ text-align:center}.breadcrumb_text{ padding-bottom:30px;}.innerbanner .imagearea img{ float:none; max-width:inherit; margin-bottom:40px;}.innerbanner .bannertitle{ padding-top:0} .contact-left{ width:100%} .contact-right{ width:100%; margin-top:30px;}.contact-row .crtxt{ width:79%} .testimonial-inner .testimonial-box{ margin-left:0; margin-bottom:15px;}.imagearea img{ width:84%} .cpageform .home-form-left{ width:90%}.cpageform .home-form-right{ width:90%}

.table-scroll{ overflow-x:scroll} .iinercontent h1{ font-size:35px; line-height:40px;} .ptop20 {  padding-top: 0px !important;} .imgleft{ margin-right:0; margin-bottom:20px;}.imgright{ margin-left:0; margin-bottom:20px;} .blog-box1{ width:97%}

}