/* 
---------------------------------------------
font & reset css
--------------------------------------------- 
*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
/* 
---------------------------------------------
reset
--------------------------------------------- 
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, div
pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q,
s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
figure, header, nav, section, article, aside, footer, figcaption { margin: 0; padding: 0; border: 0; outline: 0;
}

:root { --color1: #00537e; --color2: #05c1e0; --color3: #e2eafb;
}

/* clear fix */
.grid:after { content: ''; display: block; clear: both;
}

/* ---- .grid-item ---- */

.grid-sizer,
.grid-item { width: 50%;
}

.grid-item { float: left;
}

.grid-item img { display: block; max-width: 100%;
}

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;
}

.clearfix { display: inline-block;
}

html[xmlns] .clearfix { display: block;
}

* html .clearfix { height: 1%;
}

ul, li { padding: 0; margin: 0; list-style: none;
}

header, nav, section, article, aside, footer, hgroup { display: block;
}

* { box-sizing: border-box;
}

html, body { font-family: 'Poppins', sans-serif; font-weight: 400; background-color: #fff; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.mytext { font-family: 'Poppins', sans-serif; font-weight: 400; color: #fff; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
a { text-decoration: none !important;}
h1, h2, h3, h4, h5, h6 { margin-top: 0px; margin-bottom: 0px;}
ul { margin-bottom: 0px;}
p { font-size: 15px; line-height: 25px; color: #2a2a2a;}
#section1 p {line-height:20px !important}

.anImg {width: 100%; overflow: hidden;}

/* 
---------------------------------------------
global styles
--------------------------------------------- 
*/
html,
body { background: #fff; font-family: 'Poppins', sans-serif;}

::selection { background: var(--color2); color: #fff;}

::-moz-selection { background: var(--color2); color: #fff;}

@media (max-width: 991px) { html, body {overflow-x: hidden; } .mobile-top-fix {margin-top: 30px;   margin-bottom: 0px; } .mobile-bottom-fix {margin-bottom: 30px; } .mobile-bottom-fix-big {margin-bottom: 60px; }
}

.page-section { margin-top: 120px;}

.section-heading h2 { font-size: 25px; text-transform: capitalize; color: #2a2a2a; font-weight: 700; letter-spacing: 0.25px; position: relative; z-index: 2; line-height: 44px;}

.section-heading h2 em { font-style: normal; color: var(--color2);
}

.section-heading h2 span { color: var(--color1);
}

.main-blue-button a { display: inline-block; background-color: var(--color1); font-size: 15px; font-weight: 400; color: #fff; text-transform: capitalize; padding: 12px 25px; border-radius: 10px; letter-spacing: 0.25px;
}

.main-red-button a { display: inline-block; background-color: var(--color1); font-size: 15px; font-weight: 400; color: #fff; text-transform: capitalize; padding: 12px 25px; border-radius: 10px; letter-spacing: 0.25px;
}

.main-white-button a { display: inline-block; background-color: #fff; font-size: 15px; font-weight: 400; color: var(--color1); text-transform: capitalize; padding: 12px 25px; border-radius: 10px; letter-spacing: 0.25px;
}

/* 
---------------------------------------------
header
--------------------------------------------- 
*/

.background-header { background-color: #fff!important; height: 80px!important; position: fixed!important; top: 0px; left: 0px; right: 0px; box-shadow: 0px 0px 10px rgba(0,0,0,0.15) !important;
}

.background-header .logo,
.background-header .main-nav .nav li a {color: #1e1e1e !important;}
.background-header .main-nav .nav li:hover a {color: var(--color1) !important;}
.background-header .nav li a.active {color: var(--color1) !important;}

.header-area { background-color: #fafafa; position: absolute; top: 0px; left: 0px; right: 0px; z-index: 100; height: 90px; -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; transition: all .5s ease 0s;
}

.header-area .main-nav { min-height: 80px; background: transparent;
}

.header-area .main-nav .logo { line-height: 100px; color: #fff; font-size: 24px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; float: left; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;
}

.header-area .main-nav .logo h4 {font-size: 24px;   font-weight: 700;   text-transform: uppercase;   color: var(--color2);   line-height: 100px;   float: left;   -webkit-transition: all 0.3s ease 0s;   -moz-transition: all 0.3s ease 0s;   -o-transition: all 0.3s ease 0s;   transition: all 0.3s ease 0s;
}

.logo h4 span { color: var(--color1);
}

.background-header .main-nav .logo h4 { line-height: 80px;
}

.background-header .main-nav .nav { margin-top: 20px !important;
}

.header-area .main-nav .nav { float: right; margin-top: 30px; margin-right: 0px; background-color: transparent; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; position: relative; z-index: 999;
}

.header-area .main-nav .nav li { padding-left: 20px; padding-right: 20px;
}


.header-area .main-nav .nav li:last-child { padding-right: 0px; padding-left: 40px;
}

.header-area .main-nav .nav li:last-child a ,
.background-header .main-nav .nav li:last-child a { color: #fff !important; padding: 0px 20px; font-weight: 400;
}

.header-area .main-nav .nav li:last-child a:hover, .header-area .main-nav .nav li:last-child a.active { color: #fff !important;}

.header-area .main-nav .nav li a { display: block; font-weight: 500; font-size: 15px; color: #2a2a2a; text-transform: capitalize; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; height: 40px; line-height: 40px; border: transparent; letter-spacing: 1px;
}

.header-area .main-nav .nav li a { color: #2a2a2a;
}

.header-area .main-nav .nav li:hover a {color: var(--color2)!important; background-color:none !important;}
.header-area .main-nav .nav li a.active {color: var(--color1)!important; background-color:none !important;}

.background-header .main-nav .nav li:hover a,
.background-header .main-nav .nav li a.active { color: var(--color1)!important; opacity: 1;   background-color:none !important;
}


.header-area .main-nav .nav li:last-child a:hover ,
.background-header .main-nav .nav li:last-child a:hover { background-color: var(--color2);   background-color:none !important;
}

.header-area .main-nav .nav li.submenu { position: relative; padding-right: 30px;
}

.header-area .main-nav .nav li.submenu:after { font-family: FontAwesome; content: "\f107"; font-size: 12px; color: #2a2a2a; position: absolute; right: 18px; top: 12px;
}

.background-header .main-nav .nav li.submenu:after { color: #2a2a2a;
}

.header-area .main-nav .nav li.submenu ul { position: absolute; width: 200px; box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06); overflow: hidden; top: 50px; opacity: 0; transform: translateY(+2em); visibility: hidden; z-index: -1; transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}

.header-area .main-nav .nav li.submenu ul li { margin-left: 0px; padding-left: 0px; padding-right: 0px;
}

.header-area .main-nav .nav li.submenu ul li a { opacity: 1; display: block; background: #f7f7f7; color: #2a2a2a!important; padding-left: 20px; height: 40px; line-height: 40px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; position: relative; font-size: 13px; font-weight: 400; border-bottom: 1px solid #eee;
}

.header-area .main-nav .nav li.submenu ul li a:hover { background: #fff; color: var(--color1)!important; padding-left: 25px;
}

.header-area .main-nav .nav li.submenu ul li a:hover:before { width: 3px;
}

.header-area .main-nav .nav li.submenu:hover ul { visibility: visible; opacity: 1; z-index: 1; transform: translateY(0%); transition-delay: 0s, 0s, 0.3s;
}

.header-area .main-nav .menu-trigger { cursor: pointer; display: block; position: absolute; top: 33px; width: 32px; height: 40px; text-indent: -9999em; z-index: 99; right: 40px; display: none;
}

.background-header .main-nav .menu-trigger { top: 23px;
}

.header-area .main-nav .menu-trigger span,
.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after { -moz-transition: all 0.4s; -o-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; background-color: #1e1e1e; display: block; position: absolute; width: 30px; height: 2px; left: 0;
}

.background-header .main-nav .menu-trigger span,
.background-header .main-nav .menu-trigger span:before,
.background-header .main-nav .menu-trigger span:after { background-color: #1e1e1e;
}

.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after { -moz-transition: all 0.4s; -o-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; background-color: #1e1e1e; display: block; position: absolute; width: 30px; height: 2px; left: 0; width: 75%;
}

.background-header .main-nav .menu-trigger span:before,
.background-header .main-nav .menu-trigger span:after { background-color: #1e1e1e;
}

.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after { content: "";
}

.header-area .main-nav .menu-trigger span { top: 16px;
}

.header-area .main-nav .menu-trigger span:before { -moz-transform-origin: 33% 100%; -ms-transform-origin: 33% 100%; -webkit-transform-origin: 33% 100%; transform-origin: 33% 100%; top: -10px; z-index: 10;
}

.header-area .main-nav .menu-trigger span:after { -moz-transform-origin: 33% 0; -ms-transform-origin: 33% 0; -webkit-transform-origin: 33% 0; transform-origin: 33% 0; top: 10px;
}

.header-area .main-nav .menu-trigger.active span,
.header-area .main-nav .menu-trigger.active span:before,
.header-area .main-nav .menu-trigger.active span:after { background-color: transparent; width: 100%;
}

.header-area .main-nav .menu-trigger.active span:before { -moz-transform: translateY(6px) translateX(1px) rotate(45deg); -ms-transform: translateY(6px) translateX(1px) rotate(45deg); -webkit-transform: translateY(6px) translateX(1px) rotate(45deg); transform: translateY(6px) translateX(1px) rotate(45deg); background-color: #1e1e1e;
}

.background-header .main-nav .menu-trigger.active span:before { background-color: #1e1e1e;
}

.header-area .main-nav .menu-trigger.active span:after { -moz-transform: translateY(-6px) translateX(1px) rotate(-45deg); -ms-transform: translateY(-6px) translateX(1px) rotate(-45deg); -webkit-transform: translateY(-6px) translateX(1px) rotate(-45deg); transform: translateY(-6px) translateX(1px) rotate(-45deg); background-color: #1e1e1e;
}

.background-header .main-nav .menu-trigger.active span:after { background-color: #1e1e1e;
}

.header-area.header-sticky { min-height: 80px;
}

.header-area .nav { margin-top: 30px;
}

.header-area.header-sticky .nav li a.active { color: var(--color1);
}

@media (max-width: 1000px) { .header-area .main-nav .nav li {padding-left: 12px;   padding-right: 12px; } .header-area .main-nav:before {display: none;}
 /*img2 is imgs/people.png*/ .img2 {width:200px; padding:12px;} .logo {width:240px;} 
}

/* 
.nav li:last-child,
.nav li:last-child  - took out of hiding for 992px
*/
@media (max-width: 992px) { /*img2 is imgs/people.png*/ .img2 {display: none;} .freeTrial1 {display:none;} .freeTrial2 {display:block;} 

}

@media (max-width: 767px) { .background-header .main-nav .nav {margin-top: 20px !important;} .scrollLink {color:black;} .scrollLink a {color:blue !important;}  .header-area .main-nav .logo {color: #1e1e1e;} .header-area.header-sticky .nav li a:hover, .header-area.header-sticky .nav li a.active {color: var(--color1)!important;   opacity: 1;
	  background-color:none !important; } .header-area.header-sticky .nav li.search-icon a {width: 100%; } .header-area {background-color: #f7f7f7;   padding: 0px 15px;   height: 90px;   box-shadow: none;   /*text-align: center;*/ } .header-area .container {padding: 0px; } .header-area .logo {margin-left: 30px; } .header-area .menu-trigger {display: block !important; } .header-area .main-nav {overflow: hidden; } .header-area .main-nav .nav {float: none;   width: 100%;   display: none;   -webkit-transition: all 0s ease 0s;   -moz-transition: all 0s ease 0s;   -o-transition: all 0s ease 0s;   transition: all 0s ease 0s;   margin-left: 0px; } .background-header .nav {margin-top: 80px; } .header-area .main-nav .nav li:first-child {border-top: 1px solid #eee; } .header-area.header-sticky .nav {margin-top: 10px; } .header-area .main-nav .nav li {width: 100%;   background: #fff;   border-bottom: 1px solid #e7e7e7;   padding-left: 0px !important;   padding-right: 0px !important; } .header-area .main-nav .nav li a {height: 50px !important;   line-height: 50px !important;   padding: 0px !important;   border: none !important;   background: #f7f7f7 !important;   color: #191a20 !important; } .header-area .main-nav .nav li a:hover {background: none !important;   color: var(--color1)!important; } .header-area .main-nav .nav li.submenu ul {position: relative;   visibility: inherit;   opacity: 1;   z-index: 1;   transform: translateY(0%);   transition-delay: 0s, 0s, 0.3s;   top: 0px;   width: 100%;   box-shadow: none;   height: 0px; } .header-area .main-nav .nav li.submenu ul li a {font-size: 12px;   font-weight: 400; } .header-area .main-nav .nav li.submenu ul li a:hover:before {width: 0px; } .header-area .main-nav .nav li.submenu ul.active {height: auto !important; } .header-area .main-nav .nav li.submenu:after {color: #3B566E;   right: 25px;   font-size: 14px;   top: 15px; } .header-area .main-nav .nav li.submenu:hover ul, .header-area .main-nav .nav li.submenu:focus ul {height: 0px; }
}

@media (min-width: 767px) { .header-area .main-nav .nav {display: flex !important; }
}

/* 
---------------------------------------------
preloader
--------------------------------------------- 
*/

.js-preloader {position: fixed;   top: 0;   left: 0;   right: 0;   bottom: 0;   background-color: #fff;   display: -webkit-box;   display: flex;   -webkit-box-align: center;   align-items: center;   -webkit-box-pack: center;   justify-content: center;   opacity: 1;   visibility: visible;   z-index: 9999;   -webkit-transition: opacity 0.25s ease;   transition: opacity 0.25s ease;
}

.js-preloader.loaded {opacity: 0;   visibility: hidden;   pointer-events: none;
}

@-webkit-keyframes dot {50% {    -webkit-transform: translateX(96px);       transform: translateX(96px);   }
}

@keyframes dot {50% {    -webkit-transform: translateX(96px);       transform: translateX(96px);   }
}

@-webkit-keyframes dots {50% {    -webkit-transform: translateX(-31px);       transform: translateX(-31px);   }
}

@keyframes dots {50% {    -webkit-transform: translateX(-31px);       transform: translateX(-31px);   }
}

.preloader-inner {position: relative;   width: 142px;   height: 40px;   background: #fff;
}

.preloader-inner .dot {position: absolute;   width: 16px;   height: 16px;   top: 12px;   left: 15px;   background: var(--color1);   border-radius: 10%;   -webkit-transform: translateX(0);   transform: translateX(0);   -webkit-animation: dot 2.8s infinite;   animation: dot 2.8s infinite;
}

.preloader-inner .dots {-webkit-transform: translateX(0);   transform: translateX(0);   margin-top: 12px;   margin-left: 31px;   -webkit-animation: dots 2.8s infinite;   animation: dots 2.8s infinite;
}

.preloader-inner .dots span {display: block;   float: left;   width: 16px;   height: 16px;   margin-left: 16px;   background: var(--color1);   border-radius: 10%;
}



/* 
---------------------------------------------
Banner Style
--------------------------------------------- 
*/

.main-banner { background-repeat: no-repeat; background-position: center center; background-size: cover; padding: 200px 0px 20px 0px; position: relative; overflow: hidden;
}

.main-banner:after { content: ''; /* background-image: url(../images/baner-dec-left.png); */ background-repeat: no-repeat; position: absolute; left: 0; top: 100px; width: 193px; height: 467px;
}

.main-banner:before { content: ''; /* background-image: url(../images/baner-dec-right.png); */ background-repeat: no-repeat; position: absolute; right: 0; top: 100px; width: 98px; height: 290px;
}

.main-banner .left-content { margin-right: 45px;
}

.main-banner .left-content h6 { text-transform: uppercase; font-size: 18px; color: var(--color1); margin-bottom: 15px;
}

.main-banner .left-content h2 { font-size: 40px; font-weight: 700; color: #2a2a2a; line-height: 50px;
}

.main-banner .left-content h2 em { color: var(--color2); font-style: normal;
}

.main-banner .left-content h2 span { color: var(--color1);
}

.main-banner .left-content p { margin: 20px 0px;
}

.main-banner .left-content form { margin-top: 30px; width: 470px; height: 66px; position: relative;
}

.main-banner .left-content form button { position: absolute; right: 10px; top: 10px; display: inline-block; background-color: #fff; font-size: 15px; font-weight: 500; color: var(--color1); text-transform: capitalize; padding: 12px 25px; border-radius: 10px; letter-spacing: 0.25px; outline: none; border: none;
}

.main-banner .left-content form input { width: 470px; height: 66px; background-color: var(--color2); border-radius: 10px; border: none; outline: none; padding: 0px 25px; color: #fff; letter-spacing: 0.25px; font-size: 15px; font-weight: 300;}

.main-banner .left-content form input::placeholder { color: #fff;}



/* 
---------------------------------------------
About Us Style
--------------------------------------------- 
*/

#about { margin-top: 120px;
}

.about-us {/* background-image: url(../images/about-bg.png);  background-image: url(/imgs/wave2.png); */   background-image: url(/imgs/wave_services.png); background-repeat: no-repeat; background-position: center center; background-size: cover; padding: 240px 0px 240px 0px;
}

.about-us .left-image { margin-right: 45px;
}

.about-us .services .item { margin-bottom: 30px;
}

.about-us .services .item .icon { float: left; margin-right: 25px;
}

.about-us .services .item .icon img { max-width: 70px;
}

.about-us .services .item h4 { color: #fff; font-size: 20px; font-weight: 700; margin-bottom: 12px;}

.about-us .services .item p { color: #fff;}


/* 
---------------------------------------------
Services Style
--------------------------------------------- 
*/

.our-services { margin-top: 0px;
/*  padding-top: 120px; */ 
padding-top: 10px;
}

.our-services .left-image { margin-right: 45px;
}

.our-services .section-heading h2 { margin-right: 100px;
}

.our-services .section-heading p { margin-top: 20px; margin-bottom: 20px;
}

.our-services .progress-skill-bar { margin-bottom: 30px; position: relative; width: 100%;
}

.our-services .progress-skill-bar span { position: absolute; top: 0; font-size: 18px; font-weight: 600; color: var(--color2);
}

.our-services .first-bar span { left: 69%;
}

.our-services .second-bar span { left: 81%;
}

.our-services .third-bar span { left: 88%;
}

.our-services .progress-skill-bar h4 { font-size: 18px; font-weight: 700; color: #2a2a2a; margin-bottom: 14px;
}

.our-services .progress-skill-bar .full-bar { width: 100%; height: 6px; border-radius: 3px; background-color: #f7eff1; position: relative; z-index: 1;
}

.our-services .progress-skill-bar .filled-bar { background: rgb(255,77,30); background: linear-gradient(105deg, rgba(50,50,120,1) 0%, rgba(43,44,170,1) 100%); height: 6px; border-radius: 3px; margin-bottom: -6px; position: relative; z-index: 2;
}

.our-services .first-bar .filled-bar { width: 71%;
}

.our-services .second-bar .filled-bar { width: 83%;
}

.our-services .third-bar .filled-bar { width: 90%;
}


/* 
---------------------------------------------
Portfolio
--------------------------------------------- 
*/

.our-portfolio { padding-top: 120px; margin-top: 0px;
}

.our-portfolio .section-heading h2 { text-align: center; margin: 0px 90px 0px 90px; margin-bottom: 120px; position: relative; z-index: 1;
}

.our-portfolio .item { position: relative;
}

.our-portfolio .item:hover .hidden-content { top: -100px; opacity: 1; visibility: visible;
}

.our-portfolio .item:hover .showed-content { top: 90px;
}

.our-portfolio .hidden-content { background: rgb(255,77,30); background: linear-gradient(105deg, rgba(50,50,120,1) 0%, rgba(43,44,170,1) 100%); padding: 30px; border-radius: 10px; text-align: center; opacity: 0; top: 0; visibility: hidden; position: absolute; z-index: 2; transition: all 0.5s;
}

.our-portfolio .hidden-content:after { width: 20px; height: 20px; position: absolute; background: rgb(255,77,30); content: ''; left: 50%; bottom: -8px; margin-left: -5px; transform: rotate(45deg); background: linear-gradient(105deg, rgba(255,52,69,1) 0%, rgba(255,51,78,1) 100%); z-index: -1;
}

.our-portfolio .hidden-content h4 { font-size: 20px; font-weight: 700; color: #fff; margin-bottom: 20px;}

.our-portfolio .hidden-content p { color: #fff;}

.our-portfolio .showed-content { top: 0px; position: relative; z-index: 3; background-color: #fff; text-align: center; padding: 50px; border-radius: 10px; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); transition: all 0.5s;}

.our-portfolio .showed-content img { max-width: 100px;}


/* 
---------------------------------------------
Blog
--------------------------------------------- 
*/

.our-testimonials { position: relative; margin-top: 40px; padding-top: 40px;}
.our-testimonials .section-heading h2 { margin-right: 180px;}
.our-testimonials .top-dec { text-align: right; margin-top: -80px;}
.our-testimonials .top-dec img { max-width: 270px;}
.our-testimonials .left-image { position: relative;}
.our-testimonials .left-image img { border-radius: 10px; box-shadow: 0px 0px 15px rgba(0,0,0,0.1);}
.our-testimonials .left-image .info { position: relative;}
.our-testimonials .left-image .info .inner-content { background-color: #fff; box-shadow: 0px 0px 15px rgba(0,0,0,0.1); border-radius: 10px; margin-right: 75px; position: absolute; margin-top: -100px; padding: 30px;}
.our-testimonials .left-image ul li { display: inline-block; font-size: 15px; color: #afafaf; font-weight: 300; margin-right: 20px;}
.our-testimonials .left-image ul li:last-child { margin-right: 0px;}
.our-testimonials .left-image ul li i { color: #ff4d61; font-size: 16px; margin-right: 8px;}
.our-testimonials .left-image h4 { font-size: 20px; font-weight: 700; color: #2a2a2a; margin: 20px 0px 15px 0px;}
.our-testimonials .left-image .info .main-blue-button { position: absolute; bottom: -80px; left: 0;}
.our-testimonials .right-list { margin-left: 30px;}
.our-testimonials .right-list ul li { display: inline-flex; width: 100%; margin-bottom: 25px;}
.our-testimonials .right-list .left-content { margin-right: 45px;}
.our-testimonials .right-list .left-content span { font-size: 15px; color: #afafaf; font-weight: 300;}

.our-testimonials .right-list .left-content span i { color: #ff4d61; font-size: 16px; margin-right: 8px;
}

.our-testimonials .right-list .left-content h4 { font-size: 16px; line-height:20px; font-weight: 700; color: #2a2a2a; margin: 20px 0px 5px 0px;
}


.our-testimonials .right-list .right-image img { width: 250px; border-radius: 10px;
}


/* 
---------------------------------------------
contact
--------------------------------------------- 
*/

.contact-us { padding: 160px 0px;/* background-image: url(../images/contact-bg.png); */ background-image: url(/imgs/wave_contact2.png);  background-repeat: no-repeat; background-position: center center; background-size: cover;
}

.contact-us .section-heading h2,
.contact-us .section-heading h2 em,
.contact-us .section-heading h2 span { color: #fff;
}

.contact-us .section-heading p { color: #fff; margin-top: 30px;
}

.phone-info { margin-top: 40px;
}

.phone-info h4 { font-size: 15px; font-weight:normal; color: #fff;
}

.phone-info h4 span i { width: 36px; height: 36px; display: inline-block; text-align: center; line-height: 36px; background-color: #fff; border-radius: 10%; color: var(--color1); font-size: 15px; margin-left: 30px; margin-right: 15px;
}

.phone-info h4 span a { color: #fff; font-size: 15px; font-weight: 400;
}

form#contact .contact-dec { position: absolute; right: -166px; bottom: 0;
}

form#contact .contact-dec img {max-width: 178px;}

form#contact { margin-left: 30px; position: relative; background-color: #fff; padding: 30px; border-radius: 10px;
/*   border:1px solid var(--color1); */
}

form#contact input, select {width: 100%; height: 46px; border-radius: 5px;
/*  background-color: #C7D6F5; */ background-color: #e2e2e2; border: none; outline: none; font-size: 15px; font-weight: 300; color: #2a2a2a; padding: 0px 20px; margin-bottom: 10px;
}

form#contact input::placeholder {color: #2a2a2a;}

form#contact textarea { width: 100%; min-width: 100%; max-width: 100%; max-height: 180px; min-height: 140px; height: 140px; border-radius: 10px; /*  background-color: #C7D6F5; */ background-color: #e2e2e2; border: none; outline: none; font-size: 15px; font-weight: 300; color: #2a2a2a; padding: 15px 20px; margin-bottom: 20px;}

form#contact textarea::placeholder { color: #2a2a2a;}

form#contact button { display: inline-block; background-color: var(--color2); font-size: 15px; font-weight: 400; color: #fff; text-transform: capitalize; padding: 12px 25px; border-radius: 10px; letter-spacing: 0.25px; border: none; outline: none; transition: all .3s;}

form#contact button:hover { background-color: var(--color1);}


/* 
---------------------------------------------
Footer Style
--------------------------------------------- 
*/

footer p { text-align: center; margin: 30px 0px 45px 0px;}

footer p a { color: var(--color1);}

/* 
---------------------------------------------
responsive
--------------------------------------------- 
*/

@media (max-width: 1245px) { /* form#contact .contact-dec {display: none;} */}

@media (max-width: 1190px) { /*form#contact .contact-dec {display: none;}*/ #peopleDiv1 { display:none;} #peopleDiv2 { display:block;} }

@media (max-width: 992px) { 
.main-banner {padding-top: 196px; } .main-banner .left-content {margin-right: 0px;   /* text-align: center;*/   margin-bottom: 45px; } 
.main-banner:after {top: 76px;   z-index: -1; } 
.main-banner .left-content form, .main-banner .left-content form input {width: 100%!important; } #about {margin-top: 0px;} .about-us {position: relative;background-image: none;padding:0px;} .about-us .left-image {margin-right: 0px;position: absolute;bottom: -220px;right: 0; }   /*  .about-us .services {text-align: center;} */ .about-us .services .item  {
/*    background: rgb(255,77,30); */
	background-color:var(--color1);
	background-image: url('/imgs/wave_services_small.png');
/*    background: linear-gradient(105deg, rgba(50,50,120,1) 0%, rgba(43,44,170,1) 100%);*/   padding: 30px;   border-radius: 10px;   display: inline-block; } .about-us .services .item .right-text {text-align: left;
	font-size:13px; } .our-services {margin-top: 10px; } .our-services .left-image {margin-right: 0px;   margin-bottom: 45px; } .our-services .section-heading h2, .our-services .section-heading p {margin-right: 0px;   /*  text-align: center; */ } .our-portfolio .section-heading h2 {margin: 0px 0px 80px 0px; } .our-portfolio .item {margin-bottom: 15px; } .our-testimonials {margin-top: 0px; } .our-testimonials .top-dec {display: none; } .our-testimonials .section-heading h2 {margin-right: 0px;   /*  text-align: center; */   margin-bottom: 45px; } .our-testimonials .left-image .info .inner-content {position: relative;   margin-right: 0px; } .our-testimonials .left-image .info .main-blue-button {position: relative;   bottom: 0px;   margin-top: 30px; } .our-testimonials .left-image {margin-bottom: 45px; } .contact-us {margin-top: 30px;   padding: 120px 0px; } .contact-us .section-heading {/*  text-align: center; */ } form#contact {margin-left: 0px;   margin-top: 30px; } /*form#contact .contact-dec {display: none;}*/ footer p {margin: 15px 0px 30px 0px; }
}

@media (max-width: 767px) {
	.about-us .left-image {bottom: -280px; } .our-testimonials .right-list {margin-left: 0px; } .our-testimonials .right-list ul li {display: inline-block;   margin-top: 0px;   padding-top: 30px;   border-top: 1px solid #eee; } .our-testimonials .right-list .left-content {margin-right: 0px;   width: 100%;   margin-bottom: 15px; } .our-testimonials .right-list .right-image, .our-testimonials .right-list .right-image img {width: 100%; } .phone-info h4 span {display: block;   margin-top: 15px; } .phone-info h4 span i {margin-left: 0px;} form#contact .contact-dec {display: none;}
	#topimage {display:none;}
}