@charset "utf-8";
/* CSS Document */
 @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');
 /*font-family: "Manrope", sans-serif;*/

body,html{ font-family: "Manrope", sans-serif; height:100%; background-color:#fff; }
body,h1,h2,h3,h4,h5,ul,ul li,*{ margin:0; padding:0; }
ul li{ list-style-type:none; }
p{ margin:0; font-size:16px;} 
a{ outline:none !important; text-decoration:none !important; }

.fluidbody{ width:100%; overflow:hidden;}
.header{position:absolute;z-index:999;padding:0px 0px;clear:both;-moz-transition:all ease-in-out 0.2s; 
-webkit-transition:all ease-in-out 0.2s; -o-transition:all ease-in-out 0.2s; -ms-transition:all ease-in-out 0.2s; 
transition:all ease-in-out 0.2s; width:100%;}
 
.logo{ margin:auto; padding:28px 0px 10px 20px; }
.logo a{ width:100%; display:block; height:100%; }

.mainmenu{ padding:0px 10px 0px 0px; position:relative;  margin:0px 0px 0px 0px;}
.mainmenu  ul li a{ padding:10px 6px; display:block; font-weight:500; font-size:16px; color:#eee; }
.mainmenu  ul li a:hover{ background:none; padding:10px 6px;}

.navbar{ padding:40px 0px 0px 0px; margin:0px 0px 0px 0px;}
.navbar-default .nav >li >a {color: #333;font-size: 15px;font-weight: 500; outline: none;padding:0px 0px 0px 0px;}
.navbar-nav > li > a{padding:10px 0px; }
.navbar-nav .has-submenu .dropdown-menu li a {padding:0px;}
.navbar-default .dropdown-menu {box-shadow: none;}
.navbar-default .dropdown-menu li a {color: #222;font-size: 14px;}
.navbar-default .fa-angle-right {position: absolute;right: 30px;}
.navbar-brand img {margin: 0 !important;}
.navbar-default .navbar-nav .open .dropdown-menu>li>a,
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {background-color: transparent !important;}
.navbar-brand {padding: 0 0px 0 0;}

/******************************************
MENU
******************************************/

.yamm .nav,.yamm .collapse,.yamm .dropup,.yamm .dropdown {position: static;}
.yamm .dropdown.yamm-fw {position: static;}
.yamm .container {position: relative;}
.yamm .dropdown.yamm-fw .dropdown-menu {}
.yamm .dropdown {position: relative;}
.hassubmenu .dropdown-menu,.yamm .dropdown.yamm-fw.yamm-half .dropdown-menu {left:auto; right:auto;}
.yamm h4 {font-size:16px; margin-bottom:-4px; color:#134660; font-weight:700; padding-left:10px;}
.yamm .dropdown-menu ul {padding:0 !important;list-style:none;}
.yamm .dropdown-menu li {padding:0px;margin:10px 0px;}
.yamm .dropdown-menu li a {padding:4px 10px!important; color:#848484;font-size:14px;}
.yamm .dropdown-menu li a:hover{
background-color: transparent;background: radial-gradient(circle, rgb(52, 123, 87) 0%, rgb(145, 208, 166) 100%); color:#fff !important; border-radius:20px;}
.yamm .dropdown .dropdown-menu {border-radius:0;margin-top:0px; min-width: 200px;}
.yamm .dropdown .dropdown-menu {border-radius:20px;    
    background: radial-gradient(circle, rgba(217, 210, 210, 210) 0%, rgba(255, 255, 255, 1) 100%);
    margin-top:14px;padding: 10px 10px;}
.header.affix .yamm .dropdown .dropdown-menu {margin-top:0px !important;}
.yamm .dropdown .dropdown-menu .show-left {margin-top: 0;}
.yamm ul {padding:0;}
.menu-widget {padding: 0 10px;}
.menu-widget img {border-radius: 6px 6px 0 0;}
.menu-widget small {display: block; font-size: 16px;font-weight: bold;}
.menu-widget h5, .menu-widget h5 a {font-size: 16px !important;font-weight:700; margin:0 !important;
 padding:10px 0 5px !important; color:#000 !important;}
.yamm .dropdown-menu li:hover .menu-button,
.yamm .dropdown-menu li .menu-button {border-radius:0 !important;
font-size:13px !important; border:1px solid #fff; font-weight:bold; color:#333 !important;
display:block; background-color:#111; padding:0px 20px !important; max-width:140px; margin:10px auto 0; text-transform:capitalize;}

.respnav{ position:absolute; right:20px; top:20px;}
.respnav i{ font-size:25px; padding:10px; cursor:pointer; color:#fff; 
background:radial-gradient(circle, rgb(131, 200, 142) 0%, rgb(81, 158, 127) 100%); border-radius:10px;}
.respnav{ float:right;}
#respo_menu{ display:none; overflow:hidden; }
#respo-submenu{ position:fixed; top:0; bottom:0; background:#fff; padding:2px; border-top:1px solid #ccc; box-shadow:0px 0px 2px #aaa; left:-100%; -webkit-transition:all ease-in-out 0.2s; -moz-transition:all ease-in-out 0.2s; -ms-transition:all ease-in-out 0.2s; transition:all ease-in-out 0.2s; width:230px; overflow:auto; z-index:99; }
#respo-submenu ul { margin:0px; padding:0px; }
#respo-submenu ul li a{ display:block; padding: 8px 0 8px 10px; color:#4B4B4D; font-size:13px; text-decoration:none;  }
#respo-submenu ul li{ position:relative; }
#respo-submenu ul li ul{ margin-left:10px; }
#respo-submenu ul li ul li{ position:relative;  padding:0px 10px; font-size:14px; color:#333; }
#respo-submenu ul li ul li:before{ content:'\f105'; position:absolute; left:8px; top:8px; color:#777; font-family:'FontAwesome'; }
#respo-submenu ul li a:hover{ background-color:#77be84; color:#fff; }


.btbg{ color:#eee; padding:14px;  overflow:hidden; position:absolute; border-radius:40px; 
margin-top:30px; background:linear-gradient(111.8deg, #8236FB 21.93%, #076EF4 90.29%) !important;}
.btbg a {color:#fff; padding:0px 20px 0px 20px; }
.btbg a:hover {color:#fff;}
.btbg a i{ font-size:inherit;font-weight:400; position:relative; top:0; transition:opacity .2s ease-out,margin .2s ease-out;
 margin: 0 0 2px 5px;}
.btbg a:hover i{display: inline-block;transform: rotate(-45deg); margin: 0 0 2px 5px;transition: all 0.3s ease;}

.clinks{ padding:10px 0px 0px 60px; margin:-14px  0px 0px 20px;overflow:hidden;}
.clinks a{ color:#fff; padding:14px 30px; font-size:16px; border-radius:40px;  -moz-border-radius:40px;  -webkit-border-radius:40px;   font-weight:700;
background: radial-gradient(circle, rgb(131, 200, 142) 0%, rgb(81, 158, 127) 100%);
-moz-transition:all ease-in-out 0.2s; -webkit-transition:all ease-in-out 0.2s; -ms-transition:all ease-in-out 0.2s;transition:all ease-in-out 0.2s; }
.clinks a:hover{ color:#fff; 
background: radial-gradient(circle, #61b27a 0%, #428a87 100%); transform: translate(0, -10px);}
.clinks a i{ display: inline-block; transform: rotate(-45deg); margin: 0 0 2px 5px; transition: all 0.3s ease;font-size:14px;}
.clinks a:hover i{transform: rotate(0deg);}
.clinks a img{ display: inline-block; transform: rotate(-45deg); margin: 0 0 2px 5px; transition: all 0.3s ease; width:20px;}
.clinks a:hover img{transform: rotate(0deg);}

.clink2{ padding:10px 0px 0px 0px; margin:20px  0px 0px 0px;overflow:hidden; text-align:center;}
.clink2 a{ color:#fff; padding:14px 65px; font-size:16px; border-radius:40px;  -moz-border-radius:40px;  -webkit-border-radius:40px;   font-weight:700; background: radial-gradient(circle, rgba(0, 141, 210, 1) 0%, rgba(148, 187, 233, 1) 100%);
-moz-transition:all ease-in-out 0.2s; -webkit-transition:all ease-in-out 0.2s; -ms-transition:all ease-in-out 0.2s;transition:all ease-in-out 0.2s; }
.clink2 a:hover{ color:#fff; 
background: radial-gradient(circle, rgba(128, 169, 217, 1) 0%, rgba(0, 133, 199, 1) 100%); }
.clink2 a i{ display: inline-block; transform: rotate(-45deg); margin: 0 0 2px 5px; transition: all 0.3s ease;font-size:14px;}
.clink2 a:hover i{transform: rotate(0deg);}
.clink2 a img{ display: inline-block; transform: rotate(-45deg); margin: 0 0 2px 5px; transition: all 0.3s ease; width:20px;}
.clink2 a:hover img{transform: rotate(0deg);}

.clink3{ padding:10px 0px 0px 0px; margin:10px  0px 0px 0px;overflow:hidden;}
.clink3 a{ color:#fff; padding:14px 30px; font-size:16px; border-radius:50px;  -moz-border-radius:50px;  -webkit-border-radius:50px;   font-weight:700;
background: radial-gradient(circle, rgb(131, 200, 142) 0%, rgb(81, 158, 127) 100%);
-moz-transition:all ease-in-out 0.2s; -webkit-transition:all ease-in-out 0.2s; -ms-transition:all ease-in-out 0.2s;transition:all ease-in-out 0.2s; }
.clink3 a:hover{ color:#fff; 
background: radial-gradient(circle, #61b27a 0%, #428a87 100%); transform: translate(0, -10px);}
.clink3 a i{ display: inline-block; transform: rotate(-45deg); margin: 0 0 2px 5px; transition: all 0.3s ease;font-size:14px;}
.clink3 a:hover i{transform: rotate(0deg);}
.clink3 a img{ display: inline-block; transform: rotate(-45deg); margin: 0 0 2px 5px; transition: all 0.3s ease; width:20px;}
.clink3 a:hover img{transform: rotate(0deg);}


.clink4 { color:#fff; padding:14px 30px; font-size:16px; border-radius:50px;  -moz-border-radius:50px;  -webkit-border-radius:50px;   font-weight:700;
background: radial-gradient(circle, rgb(131, 200, 142) 0%, rgb(81, 158, 127) 100%);
-moz-transition:all ease-in-out 0.2s; -webkit-transition:all ease-in-out 0.2s; -ms-transition:all ease-in-out 0.2s;transition:all ease-in-out 0.2s; border:none;}
.clink4:hover{ color:#fff; 
background: radial-gradient(circle, #61b27a 0%, #428a87 100%); transform: translate(0, -10px);}
.clink4 i{ display: inline-block; transform: rotate(-45deg); margin: 0 0 2px 5px; transition: all 0.3s ease;font-size:14px;}
.clink4:hover i{transform: rotate(0deg);}
.clink4 img{ display: inline-block; transform: rotate(-45deg); margin: 0 0 2px 5px; transition: all 0.3s ease; width:20px;}
.clink4:hover img{transform: rotate(0deg);}

.frombackcol{ opacity:0; transform:translateY(200px); z-index:2; }
.fromleftcol{ opacity:0; transform:translateX(-500px); z-index:5; }
.fromrightcol{ opacity:0; transform:translateX(500px); z-index:5; }
.animat{ padding:80px 0px 0px 0px; background-image:url(../images/promo.png); background-size:cover; overflow:hidden; } 
.animibacknrml{ opacity:1; transform:translateY(0); }
.animileftnrml{ opacity:1; transform:translateX(0); }
.animirightnrml{ opacity:1; transform:translateX(0); }

.tran01{ -moz-transition:all ease-in-out 0.8s; -webkit-transition:all ease-in-out 0.8s; -o-transition:all ease-in-out 0.8s; -ms-transition:all ease-in-out 0.8s; transition:all ease-in-out 0.8s; }
.tran02{ -moz-transition:all ease-in-out 1.0s; -ms-transition:all ease-in-out 1.0s; -o-transition:all ease-in-out 1.0s; -webkit-transition:all ease-in-out 1.0s; transition:all ease-in-out 1.0s; }
.tran03{ -moz-transition:all ease-in-out 1.2s; transition:all ease-in-out 1.2s; -ms-transition:all ease-in-out 1.2s; -webkit-transition:all ease-in-out 1.2s; -o-transition:all ease-in-out 1.2s; }
.tran04{ -moz-transition:all ease-in-out 1.4s; transition:all ease-in-out 1.4s; -webkit-transition:all ease-in-out 1.4s; -ms-transition:all ease-in-out 1.4s; -o-transition:all ease-in-out 1.4s; }
.tran05{ -moz-transition:all ease-in-out 1.6s; transition:all ease-in-out 1.6s; -webkit-transition:all ease-in-out 1.6s; -o-transition:all ease-in-out 1.6s; -ms-transition:all ease-in-out 1.6s; }
.tran06{ -moz-transition:all ease-in-out 1.8s; transition:all ease-in-out 1.8s; -o-transition:all ease-in-out 1.8s; -ms-transition:all ease-in-out 1.8s; -webkit-transition:all ease-in-out 1.8s;}

.bspbx{ padding:20px 0px 0px 0px;}
#bsp1 img{ width:150px;}
#bsp2 h5{ color:#fff; font-weight:bold; font-size:18px;}
#bsp2 img{ width:120px;}


.flcom{ position:relative; padding:0px 0px 80px 0px; margin-top:-50px; z-index:444; 
background-color: transparent; background-image: radial-gradient(at center center, #6b0ce64 50%, #9c082af 100%);}
.flcom > div{}
.ttcolm{ padding:0px;  margin-top:-50em; margin-left:50px;  overflow:hidden; border-radius:30px;
box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1); }
.fommain{ padding:40px 60px; background-color:#f3f7fb; margin:0px 0px 0px 0px; border-radius:30px;}
.fommain ul{ overflow:hidden;}
.fommain ul li{ margin:0px 0px 14px 0px; font-size:20px; position:relative; }
.fommain ul li label{ position:relative;  font-size:16px; margin:0; font-weight:700; color:#100d3b;}
.fommain ul li input,.fom ul li textarea{ color:#333; font-size:14px; border-radius:20px; padding:22px;}
.fommain ul li label.error{ font-size:12px; color:#db1313; bottom:6px; right:20px; font-weight:normal; position:absolute; z-index:666; }
.fommain button{ padding:10px 40px;}

.fommain h4{ font-size:24px; color:#100d3b; font-weight:800;}
.fommain h5{ font-size:16px; color:#727171; font-weight:400; line-height:1.4; padding:0px 0px 0px 0px;}

.skew{ -moz-transform:skew(0,-2deg); transform:skew(0,-2deg); padding:100px 0px 0px 0px; z-index:999; background-color:#fff;}
.skewback{ -moz-transform:skew(0,2deg); transform:skew(0,2deg);}
.abtclm{ padding:40px 0px 0px 0px; margin:0px;  overflow:hidden;}
.bmgimg{border-radius:30px; position:relative; overflow:hidden;}

.skewnw{ -moz-transform:skew(0,-2deg); transform:skew(0,-2deg); padding:100px 0px 0px 0px; z-index:999; background-color:#fff; 
margin-top:-50px;}
.skewnwback{ -moz-transform:skew(0,2deg); transform:skew(0,2deg);}

.wlcm{ padding:60px 0px 100px 0px; margin-top:-150px;   overflow:hidden;}
.wlcm h3{font-weight:500; font-size:16px;color: #75bc82; padding:10px 0px 0px 0px; text-transform:uppercase;}
.wlcm h3:before { content: ''; display: inline-block; background: #75bc82; height: 2px; width:50px; margin-right: 10px;}
.wlcm h2{color:#333; font-size:50px; padding:0px; margin:0px; font-weight:800;}
/*.wlcm h2 span{background: linear-gradient(to right, #2a557d 0%, #8bdd81 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;}*/
.wlcm h2 span{color:#75bc82;}	
.wlcm p{color:#666; padding:10px 0px 0px 0px; margin:0px;}

.wtbxm{ background-color:#fff; border-radius:30px; margin:30px 0px 0px 0px; box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1); 
border:1px solid #eee; padding:30px 40px;}
.wtbxm h4{ color:#333; font-size:20px; font-weight:500; padding:10px 0px 0px 0px; margin:0px; line-height:1.2;}
.ctbxm{ border-top:#c8c9cb 1px dashed; margin:40px 0px 0px 0px;}

.ulli{ padding:0px 0px 0px 0px; margin:0px;}
.ulli li{ position:relative; padding:3px 0px 3px 24px; font-size:16px;  color:#666; font-weight:400;}
.ulli li:before{ position:absolute; left:0; content:'\f00c';  font-family: 'FontAwesome'; color:#75bc82; font-size:18px; top:2px;}

.ullinw{ padding:10px 0px 0px 0px; margin:0px;}
.ullinw li{ position:relative; padding:3px 0px 3px 24px; font-size:16px;  color:#666; font-weight:400;}
.ullinw li:before{ position:absolute; left:0; content:'\f00c';  font-family: 'FontAwesome'; color:#75bc82; font-size:18px; top:2px;}



.ctcnt{ padding:20px 0px 0px 0px;}
.ctbxm .icon {height:60px; width:60px; background: radial-gradient(circle, rgb(167, 233, 171) 0%, rgb(124, 205, 149) 100%);
 line-height:60px; color: #fff; text-align: center;
 font-size: 25px; transition: 0.5s; margin-top:10px;border-radius: 30%; background-size: 220% 150%;}
.wlcm h5{color:#333; font-size:20px; padding:20px 0px 0px 0px; margin:0px; font-weight:800;}

.compllogo { padding:50px 0px;background: #0b3461;
background: linear-gradient(336deg, rgb(36, 87, 118) 0%, rgb(43, 102, 121) 30%, rgb(97, 175, 118) 100%);}
.compllogo h2{position:relative;display:inline-block;padding-bottom:10px;margin-bottom:20px;text-transform:uppercase;text-align:center; font-weight:bold; color: #0b3771;}
.compllogo h2:after{ position:absolute; width:30%; background-color:#e74923; height:4px; content:''; bottom:0; left:35%;  }
.comu{ text-align: center;}


#about{position:relative; z-index:333; padding:90px 0px 100px 0px; background-color:#e9eff7; text-align:center;}
#about h3{font-weight:500; font-size:16px;color: #75bc82; padding:10px 0px 0px 0px; margin:0px; text-transform:uppercase;}
#about h3:before { content: ''; display: inline-block; background: #75bc82; height: 2px; width:50px; margin-right: 10px;}
#about h2{color:#333; font-size:50px; padding:10px 3em 0px 3em;  margin:0px; font-weight:800; text-transform:capitalize;}
/*#about h2 span{background: linear-gradient(to right, #267759 0%, #75bc82 100%);-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}*/
#about h2 span{color:#75bc82;}
.frstmn{ padding:10px 20px 0px 20px;}

.service-item {cursor:pointer;  padding:0px 0px; transition: all 0.7s; margin-top:0px;}
.service-item1 {cursor:pointer;  padding:40px 34px;  margin-top:20px; background-color:#fff;  border-radius:30px;
border:3px solid #e9eff7; transition: all 0.7s;}
.service-item2 {cursor:pointer;  padding:40px 24px;  margin-top:20px; background-color:#fff;  border-radius:30px; 
border:3px solid #80c490; transition: all 0.7s;}
.service-item3 {cursor:pointer;  padding:40px 20px;  margin-top:20px; background-color:#fff;  border-radius:30px; 
border:3px solid #e9eff7; transition: all 0.7s; min-height:430px;}
.service-item4 {cursor:pointer;  padding:40px 20px;  margin-top:20px; background-color:#fff; border-radius:30px;
border:3px solid #80c490; transition: all 0.7s;}
.service-item5 {cursor:pointer;  padding:40px 20px; transition: all 0.7s; margin-top:20px; background-color:#fff; border-radius:30px;
border:3px solid #e9eff7; }
.service-item6 {cursor:pointer;  padding:40px 20px; transition: all 0.7s; margin-top:20px; background-color:#fff; border-radius:30px;
border:3px solid #80c490;}


.service-item1:hover {background:url(../images/abt1.jpg); background-size:cover; transition: all 0.3s; border:none;}
.service-item2:hover {background:url(../images/abt2.jpg); background-size:cover; transition: all 0.3s; border:none;}
.service-item3:hover {background:url(../images/abt3.jpg); background-size:cover; transition: all 0.3s; border:none;}
.service-item4:hover {background:url(../images/abt4.jpg); background-size:cover; transition: all 0.3s; border:none;}
.service-item5:hover {background:url(../images/abt5.jpg); background-size:cover; transition: all 0.3s; border:none;}
.service-item6:hover {background:url(../images/abt6.jpg); background-size:cover; transition: all 0.3s; border:none;}



.section-heading h4 {font-size:40px; font-weight:400; color:#333; padding:10px 0px 0px 0px;}
.section-heading p {padding: 0px 0px; color:#5c6672; margin:0px; font-weight:400;}

.service-item1 h4 {font-size:20px; position:relative; padding:20px 0px 0px 0px;font-weight:800; color:#333;margin:0px;
line-height:1.4;}
.service-item1 p {color:#5c6672; padding:10px 0px 0px 0px; margin:0px; font-weight:500;}


.service-item2 h4 {font-size:20px; position:relative; padding:20px 0px 0px 0px;font-weight:800; color:#333;margin:0px;
line-height:1.4;}
.service-item2 p {color:#5c6672; padding:10px 0px 0px 0px; margin:0px; font-weight:500;}


.service-item3 h4 {font-size:20px; position:relative; padding:20px 0px 0px 0px;font-weight:800; color:#333;margin:0px; 
line-height:1.4;}
.service-item3 p {color:#5c6672; padding:10px 0px 0px 0px; margin:0px; font-weight:500;}


.service-item4 h4 {font-size:20px; position:relative; padding:20px 0px 0px 0px;font-weight:800; color:#333;margin:0px;
line-height:1.4;}
.service-item4 p {color:#5c6672; padding:10px 0px 0px 0px; margin:0px; font-weight:500;}

.service-item5 h4 {font-size:20px; position:relative; padding:20px 0px 0px 0px;font-weight:800; color:#333;margin:0px;
line-height:1.4;}
.service-item5 p {color:#5c6672; padding:10px 0px 0px 0px; margin:0px; font-weight:500;}

.service-item6 h4 {font-size:20px; position:relative; padding:20px 0px 0px 0px;font-weight:800; color:#333;margin:0px;
line-height:1.4;}
.service-item6 p {color:#5c6672; padding:10px 0px 0px 0px; margin:0px; font-weight:500;}


.service-item1:hover h4 {color: #fff;}
.service-item1:hover p {color: #fff;}

.service-item2:hover h4 {color: #fff;}
.service-item2:hover p {color: #fff;}

.service-item3:hover h4 {color: #fff;}
.service-item3:hover p {color: #fff;}

.service-item4:hover h4 {color: #fff;}
.service-item4:hover p {color: #fff;}

.service-item5:hover h4 {color: #fff;}
.service-item5:hover p {color: #fff;}

.service-item6:hover h4 {color: #fff;}
.service-item6:hover p {color: #fff;}


.six-service .icon { display: inline-block; padding:14px; border-radius:30px; margin:0px; width:80px; background-color:#e9eff7;}
.six-service:hover .icon {/*filter: brightness(0) invert(2);*/}
.six-service:hover .icon:before { background-color:#b05cff; position:relative;}
.six-service p a{color:#5c6672; font-weight:800;}


/* Team style 1 */
.teamsc{}
.teamsc h3{font-weight:500; font-size:16px;color: #75bc82; padding:10px 0px 0px 0px; margin:0px; text-transform:uppercase;}
.teamsc h3:before { content: ''; display: inline-block; background: #75bc82; height: 2px; width:50px; margin-right: 10px;}
.teamsc h2{color:#333; font-size:50px; padding:0px; margin:0px; font-weight:800;}
.teamsc h5{color:#666; font-size:16px; padding:8px 0px 0px 0px; margin:0px; font-weight:400; line-height:1.5;}
/*.teamsc h2 span{background: linear-gradient(to right, #267759 0%, #75bc82 100%);
-webkit-background-clip: text;-webkit-text-fill-color: transparent;}*/
.teamsc h2 span{color: #75bc82;}

#tmm{ margin-left:-130px;}
.team_area{ padding:80px 0px 0px 0px; text-align:center;
background-color:#E5EAEC; background-image:url(../images/bg-shape.png);background-position: bottom center;
 background-repeat: no-repeat; background-size: contain;}
.team_single_box {padding:30px 30px 25px;background-color: #ffffff; margin-top:20px;
  border: 1px solid rgba(30, 30, 30, 0.1);border-radius:40px;text-align: center; margin-bottom: 30px;}
.team_-thumb {position: relative; z-index: 1; overflow: hidden;}
.team_-thumb img {width: 100%;}
.team_single_content h4 {font-size:20px; padding:12px 0px 4px 0px; margin:0px; font-weight:800;}
.team_single_content p{ color:#999;}
/* Social icon */
.team_social_icon {position: absolute;left: 0;bottom: -55px;
  right: 0; margin: auto; z-index: 1; transition: 0.5s; border-radius: 25px; background-color: #eff2f7;
  height: 50px; line-height: 48px; width: 180px; text-align: center; opacity: 0;}
.team_social_icon a {height:37px; width:37px; line-height:37px; display:inline-block; border-radius:50%; color:#fff; 
font-size: 14px; margin: 0 3px 0 3px; background-image: linear-gradient(-90deg, #5aa682 0%, #7cc28c 100%);}
.team_social_icon a:hover {background-image: radial-gradient(circle, #61b27a 0%, #428a87 100%); color: #fff; }  
/* All hover */
.team_single_box:hover .team_social_icon {bottom:27px;opacity:1;}

.wftrmn{  padding:0px 0px 100px 0px; background: #67b579;
background: linear-gradient(336deg, rgb(36, 87, 118) 0%, rgb(43, 102, 121) 30%, rgb(97, 175, 118) 100%);
position:relative; z-index:12;  clear:both;}
.wftrmn > div{ position:relative; z-index:40; overflow:hidden;}
#frsd{ padding:0px 40px 0px 60px;}
#srsd{ padding:0px 40px 0px 60px;}

.wftbx1{ padding:120px 0px 0px 0px; margin:0px;}
.wftrmn h3{font-weight:500; font-size:15px;color:#aceac7; padding:0px 0px 0px 0px; margin:0px; text-transform:uppercase;}
.wftrmn h3:before { content: ''; display: inline-block; background:#aceac7; height: 2px; width:30px; margin-right: 10px;}
.wftrmn h2{font-weight:800; font-size:45px;color:#fff; padding:10px 0px 0px 0px; margin:0px; text-transform:capitalize;line-height:1.1;}
.wftrmn h2 span{background: linear-gradient(to right, #78ffb3 0%, #e8f2fb 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;}
.wftrmn p{font-weight:400; font-size:16px;color:#fff; padding:10px 0px 0px 0px; margin:0px;}

.wfimg{ border-radius:0px 0px 40px 40px; position:relative; overflow:hidden; margin-bottom:20px;}
.wftrmn h4{font-weight:600; font-size:20px;color:#fff; padding:30px 0px 10px 0px; margin:0px; position:relative; display:inline-block;
text-align:left;} 
.wftrmn h4:after{ position:absolute; width:30%; background-color:#fff; height:4px; content:''; bottom:0; left:0%;  }
.wftbx2 h6{font-weight:600; font-size:20px;color:#fff; padding:10px 0px 0px 0px; margin:0px; text-align:left;} 


.wftbx2{ padding:10px 0px 0px 20px;}
.swfdm{ padding:0px 0px 0px 0px;}
.bsns img{ border-radius:40px; cursor:pointer; margin-top:-220px;}
.sftbx1{ margin-left:-100px; margin-top:20px; background: #008DD2;
background: radial-gradient(circle, rgb(46, 115, 72) 0%, rgb(108, 234, 178) 100%); 
padding:40px 30px; border-radius:30px;}
.wftrmn h5{font-weight:800; font-size:20px;color:#fff; padding:0px 0px 0px 0px; margin:0px; text-transform:capitalize;} 
.sftbx2{ padding:40px 30px; border-radius:30px; margin-top:20px;
background: #d9d2d2;
background: radial-gradient(circle, rgba(217, 210, 210, 0.64) 0%, rgba(255, 255, 255, 1) 100%);}
.sftbx2 h6{font-weight:800; font-size:20px;color:#333; padding:0px 0px 0px 0px; margin:0px; text-transform:capitalize;} 
.sftbx2 p{color:#333; }


.chusb{position:relative; z-index:333; padding:0px 120px 0px 120px; background-color:#e9eff7; overflow:hidden;}
.wmnimg{}
.chusb h3{font-weight:500; font-size:16px;color: #0a9ce4; padding:10px 0px 10px 0px; text-transform:uppercase;}
.chusb h3:before { content: ''; display: inline-block; background: #0a9ce4; height: 2px; width:50px; margin-right: 10px;}
.chusb h2{color:#0d0d3b; font-size:50px; padding:0px; margin:0px; font-weight:800;}
.chusb h2 span{background: linear-gradient(to right, #13447e 0%, #00b7ff 100%); 
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;}
.chusb p{font-weight:400; font-size:16px;color:#666; padding:10px 20px 0px 0px; margin:0px;}
.chrbx{ padding:140px 0px 40px 40px;}
.wmimg{ border-radius:40px; border:10px solid #fff; overflow:hidden; margin-left:-140px;}
.wmimg2{ border-radius:40px;  overflow:hidden; cursor:pointer;}

.tstmns{background: #fff;
/*background: linear-gradient(336deg, rgb(36, 87, 118) 0%, rgb(43, 102, 121) 30%, rgb(97, 175, 118) 100%);*/
padding:60px 120px 100px 120px; position:relative;z-index:12;clear:both;}
.tstmns h3{font-weight:500; font-size:18px;color:#75bc82; padding:0px 0px 0px 0px; margin:0px; text-transform:uppercase; }
.tstmns h3:before { content: ''; display: inline-block; background:#75bc82; height: 2px; width:50px; margin-right: 10px;}
.tstmns h2{font-weight:800; font-size:45px;color:#333; padding:10px 0px 0px 0px; margin:0px; text-transform:capitalize;line-height:1.2;}
/*.tstmns h2 span{background: linear-gradient(to right, #267759 0%, #75bc82 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;}*/
.tstmns h2 span{color: #75bc82;}	
.tstmns p{font-weight:400; font-size:16px;color:#fff; padding:10px 0px 0px 0px; margin:0px;}
.ttmns{ padding:26px 0px 0px 0px;}
.ttmns h5{ color:#82828a; font-weight:400; font-size:16px; padding:10px 0px 0px 0px; margin:0px; line-height:1.5;}

.tstbr{ padding:40px 0px 0px 0px;}
.tstimg{ border-radius: 40px 0px 0px 40px; overflow:hidden;}
.testimo{border-radius: 0px 40px 40px 0px; padding:46px 40px; min-height:434px;
background: #67b579;
background: radial-gradient(circle, rgb(52, 123, 87) 0%, rgb(145, 208, 166) 100%);}
.testimo ul{}
.testimo ul li{ background:none; color:#7e8c99; padding:0px 0px; }
.testimo ul li img{ padding:5px; background-color:#ddd; width:120px; margin:10px auto 10px auto;} 
.testimo ul li span{ padding:60px 30px; }
.testimo h5{ font-size:20px; font-weight:800;  padding:20px 0px 0px 0px; color:#fff; margin:0px;}
.testimo p{ padding:0px; margin:0px;}
#str img{background-color:transparent; box-shadow:none; margin:10px 0px 10px 0px;}
#str1 img{background-color:transparent; box-shadow:none; margin:10px 0px 10px 0px;}
#str2 img{background-color:transparent; box-shadow:none; margin:10px 0px 10px 0px;}

.hurup{background-image:url(../images/bg6.jpg); background-size:cover; padding:0px 0px 220px 0px; margin-top:-20px;}
.hurup > div{ position:relative; }
.hubox{ background-color:#fff; padding:80px 60px 80px 60px; margin:0px 0px 0px 400px; border-radius:0px 0px 40px 40px;}
.hubox h3{font-weight:500; font-size:16px;color: #0a9ce4; padding:10px 0px 10px 0px; text-transform:uppercase;}
.hubox h3:before { content: ''; display: inline-block; background: #0a9ce4; height: 2px; width:50px; margin-right: 10px;}
.hubox h2{color:#0d0d3b; font-size:50px; padding:0px; margin:0px; font-weight:800;}
.hubox h2 span{background: linear-gradient(to right, #13447e 0%, #00b7ff 100%); 
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;}
.hubox p{font-weight:400; font-size:16px;color:#666; padding:10px 20px 0px 0px; margin:0px;}

.fqmsn{ background-color:#fff; 
padding:50px 120px 60px 120px; position:relative;z-index:12;clear:both;}
.fqmsn h3{font-weight:500; font-size:16px;color: #67b579; padding:20px 0px 0px 0px; margin:0px; text-transform:uppercase;}
.fqmsn h3:before { content: ''; display: inline-block; background: #67b579; height: 2px; width:50px; margin-right: 10px;}
.fqmsn h2{color:#333; font-size:50px; padding:10px 0px 0px 0px; margin:0px; font-weight:800;}
/*.fqmsn h2 span{background: linear-gradient(to right, #267759 0%, #75bc82 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;}*/
.fqmsn h2 span{color: #75bc82;}	
.fqmsn p{font-weight:400; font-size:16px;color:#5c6672; padding:10px 0px 0px 0px; margin:0px;}
.fqimg{ border-radius:40px; overflow:hidden; margin:40px;}
.fqlft{ padding:40px 0px 0px 0px;}

#accordions{ margin-top:20px;}
.pnl-group,
.pnl-group .pnl,
.pnl-group .pnl-heading,
.pnl-group .pnl-heading a,
.pnl-group .pnl-title,
.pnl-group .pnl-title a,
.pnl-group .pnl-body,
.pnl-group .pnl-group .pnl-heading + .pnl-collapse > .pnl-body {
border-radius:40px;border:0;font-size:16px;text-align:left; padding:2px; color:#fff; font-weight:500; }
.pnl-body{ padding:20px 30px !important; border:1px solid #eee !important;}
.pnl-group .pnl-heading {padding:0;}
.pnl-group .pnl-heading a { display: block;  padding:15px 20px; text-decoration: none;
position: relative;  color:#fff; background: #67b579;
background: radial-gradient(circle, rgb(131, 200, 142) 0%, rgb(81, 158, 127) 100%);}
.pnl-group .pnl-heading a.collapsed { color: inherit;}
.pnl-group .pnl-heading a:after { content: '-'; position: absolute; right: 20px; top:5px;font-size:30px;}
.pnl-group .pnl-heading a.collapsed:after {content: '+';}
.pnl-body p{ font-size:16px; font-weight:400; padding:0px 0px 10px 0px;}

.thdsec{ padding:40px 0px 0px 0px;}
.tdbox{ border-right:1px solid #eee; padding:0px 20px 0px 0px;}
.tdbox h6{ font-size:22px !important;  border-left:10px solid #75bc82; padding:12px 10px !important; background-color:#eee !important; 
margin-bottom:6px !important;}
.tdbox2 h6{ font-size:22px !important;  border-left:10px solid #75bc82; padding:12px 10px !important; background-color:#eee !important;}
.cmns{ padding:10px 0px 0px 0px;}
#cms{ padding:20px 0px 0px 10px;}

.srver{background-image:url("../images/bg10.jpg");background-size:cover; padding:20px 0px 60px 0px; overflow:hidden; position:relative; 
margin-top:0px; background-attachment:fixed;}
.srver > div{ position:relative; z-index:40;}
.srver:before{ position:absolute; content:''; left:0; top:0; bottom:0; right:0;  
background: #B05CFF;
background: linear-gradient(300deg, rgba(176, 92, 255, 0.21) 0%, rgba(121, 72, 236, 0) 24%, rgba(0, 0, 0, 1) 100%);}
.srbx{ padding:80px 40px 0px 0px;}
.srver h3{font-weight:500; font-size:18px;color:#5fa76c; padding:20px 0px 0px 0px; margin:0px; text-transform:uppercase;}
.srver h3:before { content: ''; display: inline-block; background:#5fa76c; height: 2px; width:50px; margin-right: 10px;}
.srver h2{font-weight:800; font-size:45px;color:#fff; padding:10px 0px 0px 0px; margin:0px; text-transform:capitalize; line-height:1.2;}
/*.srver h2 span{background: linear-gradient(to right, #69b37b 0%, #e8f2fb 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;}*/
.srver h2 span{color:#75bc82;}	
.srver p{font-weight:400; font-size:16px;color:#fff; padding:10px 20px 0px 0px; margin:0px;}

.sercom{ padding:70px 0px 100px 0px; background-color:#f6f9ff; margin:0px 0px 0px 0px;  overflow:hidden;}
.sercom h3{font-weight:500;font-size:16px;color:#75bc82; padding:10px 0px 0px 0px; margin:0px; text-transform:uppercase; 
text-align:center;}
.sercom h3:before { content: ''; display: inline-block; background: #75bc82; height: 2px; width:50px; margin-right: 10px;}
.sercom h2{color:#333; font-size:50px; padding:10px 0px 0px 0px; margin:0px; font-weight:800; text-align:center;}
/*.sercom h2 span{background: linear-gradient(to right, #3d8381 0%, #75bc82 100%); 
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;}*/
.sercom h2 span{color:#75bc82;}	
.sercom p{ text-align:center;}	

.sercom h4{ color:#8a91ac; padding:10px 0px 10px 0px; margin:0px; font-size:16px; font-weight:400; line-height:1.6;}
.connt{ background-color:#fff; padding:20px 0px 70px 0px; }
.imgthum{ padding:20px 0px; }
.cntimgs h2{ padding:20px 20px 0px 28px; color:#333; font-size:24px; font-weight:800; text-align:left;line-height:1.2; }

.cntimgs h5{ font-weight:600; font-size:18px;color:#75bc82; padding:10px 0px 10px 28px; margin:0px; position:relative;
display:inline-block;text-align:left;} 
.cntimgs h5:after{ position:absolute; width:30%; background-color:#75bc82; height:4px; content:''; bottom:0; left:22%;  }

.cntimgs{ position:relative; overflow:hidden;  background-color:#fff; border-radius:40px;
box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);  margin:20px 0px 0px 0px;}
.cntimgs img{-moz-transition: all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s;  border:1px solid #eee; cursor:pointer;}
.cntimgs img:hover{ -moz-transform:scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); }
.mlist1{ padding:0px 0px 0px 0px; margin:0px 0px; color:#898989; font-size:15px;}
.mlist1 p{ font-size:16px; text-align:left; padding:10px 20px 0px 28px; margin:0px; color:#999;}
.mlist1 p a{ color:#01aef0;}
.mlist1 h6{ font-size:16px; text-align:left; padding:10px 20px 10px 28px; margin:0px;font-weight:500;}
.mlist1 h6 a{ color:#579d64;}
.mlist1 h6 a img{ width:14px; position:absolute; display:inline-block; border:none; margin:4px 0px 0px 4px;}
.cntimgs h4{ padding:10px 20px; color:#fff; font-size:16px; font-weight:600; margin:-13em 0px 0px 24px;
line-height:1.2; background:radial-gradient(circle, rgb(118, 187, 135) 0%, rgb(165, 228, 174) 100%);
position:absolute;border-radius:40px; text-transform:uppercase;}


.contfix{ position:fixed; right:25px; bottom:40px; z-index:999; }
.contfix p{ margin:0; padding:0px 12px 0px 12px; font-weight:bold; font-size:40px;}
.contfix p a{color:#fff;}
.arrow {background-color:#2ab200; color:#fff;position: relative;
-webkit-animation-name:arrow; animation-name: arrow;
-webkit-animation-duration:2s;animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
text-align:center; border-radius:40px;  -moz-border-radius:40px;  -webkit-border-radius:40px;}
@-webkit-keyframes arrow {0% {top: 0px;}50% {top:20px;}100% {top:0px;}}
@keyframes arrow {0% {top:0px;} 50% { top:20px;}100%{top: 0px;}}

.cats{ position:fixed; left:20px; bottom:45px; z-index:999;}
.cats p{ margin:0; padding:10px 16px 10px 38px; font-weight:600; font-size:16px;}
.cats p a{color:#fff;}
.cats img{ width:32px; position:absolute; padding:12px 0px 0px 14px;}
.ctnms {background: radial-gradient(circle, rgb(131, 200, 142) 0%, rgb(81, 158, 127) 100%); 
box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);color:#fff;position: relative;
-webkit-animation-name:arrow; animation-name: arrow;
-webkit-animation-duration:2s;animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
text-align:center; border-radius:40px;  -moz-border-radius:40px;  -webkit-border-radius:40px;}
@-webkit-keyframes arrow {0% {top: 0px;}50% {top:20px;}100% {top:0px;}}
@keyframes arrow {0% {top:0px;} 50% { top:20px;}100%{top: 0px;}}

.srbar{ text-align:center;}
.srbar h3{font-weight:500; font-size:16px;color: #75bc82; padding:10px 0px 0px 0px; text-transform:uppercase;}
.srbar h3:before { content: ''; display: inline-block; background: #75bc82; height: 2px; width:50px; margin-right: 10px;}
.srbar h2{color:#333; font-size:50px; padding:0px 3em 10px 3em;  margin:0px; font-weight:800; text-transform:capitalize;}
/*.srbar h2 span{background: linear-gradient(to right, #267759 0%, #75bc82 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;}*/
.srbar h2 span{color:#75bc82;}
.srbar p{ padding:0px 0px 10px 0px;}
.sctorspg{padding:60px 0px 100px 0px;}

.portfolio-one__home .sec-title {
  text-align: center;
  margin-bottom: 50px;
}
.portfolio-card__content, .portfolio-card__image {
  overflow: hidden;
}

.portfolio-card__image {
  position: relative;
  padding:0px 0px 0px 0px;
}
.portfolio-card__image img {
  width: 100%; border-radius:30px;
}
.portfolio-card__image::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 0;
  background-color:#2b2b5e;
  opacity: 0.4;
  transition: 0.3s;
}
.portfolio-card:hover .portfolio-card__image::before {
  height: 100%; border-radius:30px;
}
.portfolio-card:hover .portfolio-card__content {
  transform: translateY(-10px);
}
.portfolio-card__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: -40px;
  margin-right: 40px;
  padding-left: 30px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.07);
  position: relative;
  z-index: 1;
  padding-right: 0;
  transition: 0.3s; border-bottom:1px solid #eee;
  
  
}
.portfolio-card__content p{
  font-size: 16px;
  font-weight: 500;
  color:#82828a;
  padding:10px 0px 14px 0px;}
.portfolio-card__tagline {
  font-size: 14px;
  font-weight: 500;
  color:#82828a;
  margin-bottom: 0;
}
.portfolio-card__title {
  font-size:20px;
  font-weight:800;
 
  margin-bottom: 0;
  padding:10px 0px 0px 0px;
}
.portfolio-card__title a {
  color: #5fa76c;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.portfolio-card__title a:hover {
  background-size: 100% 1px;
}
.portfolio-card__title a:hover {
  color:#2f697f;
}
.portfolio-card__link {
  font-size: 16px;
  line-height: 1;
  color:#fff;
  background-color:#5fa76c;
  padding: 41px 0;
  padding-left: 35px;
  padding-right: 20px;
  display: inline-block;
  text-align: center;
  clip-path: polygon(22% 0, 100% 0%, 100% 100%, 0% 100%);
  transition: 0.3s;
}
.portfolio-card__link:hover {
  background-color: #2d677b;
   color:#fff;
}

.portfolio-details {
  padding-top: 120px;
  padding-bottom: 120px;
}
@media (min-width: 768px) {
  .portfolio-details {
    padding-bottom: 80px;
  }
}
.portfolio-details__img {
  margin-bottom: 40px;
}
.portfolio-details__img img {
  width: 100%;
}
.portfolio-details__title,
.portfolio-details h6 {
  color:#2b2b5e;
  font-size: 30px;
  font-weight: 700;
  letter-spacing: -0.04em;
  margin-bottom: 15px;
}
.portfolio-details h4 {
  font-size: 16px;
  font-weight: 700;
  color:#2b2b5e;
  line-height: 30px;
  margin-bottom: 30px;
}
.portfolio-details p {
  font-size: 16px;
  font-weight: 500;
  line-height: 30px;
  margin-bottom: 30px;
  display: inline-block;
}
.portfolio-details__list {
  padding-left: 0;
  margin-bottom: 25px;
  margin-top: 25px;
  list-style: none;
}
.portfolio-details__list li {
  color:#2b2b5e;
  position: relative;
  padding-left: 35px;
  line-height: 30px;
}
.portfolio-details__list li + li {
  margin-top: 5px;
}
.portfolio-details__list li i {
  color: #2b2b5e;
  position: absolute;
  left: 0;
  top: 7px;
}
.portfolio-details__list li img { width:20px;}
.portfolio-details__sidebar {
  padding: 50px 60px;
  border-top: 4px solid #2b2b5e;
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1), inset 0px 4px 0px 0px rgba(0, 205, 229, 0.004);
}
@media (min-width: 0) and (max-width: 500px) {
  .portfolio-details__sidebar {
    padding: 30px 30px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .portfolio-details__sidebar {
    padding: 30px 30px;
  }
}
.portfolio-details__info {
  margin-bottom: 30px;
}
.portfolio-details__info__tagline {
  font-size: 14px;
  font-weight: 500;
  color: #2b2b5e;
}
.portfolio-details__info__title {
  font-size: 16px !important;
  font-weight: 700;
  color:#2b2b5e;
  line-height: 26px;
}

.portfolio-details__social {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.portfolio-details__social a {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f4f3f8;
  font-size: 14px;
  color: #2b2b5e;
  transition: all 500ms ease;
  border-radius: 50%;
}
.portfolio-details__social a:hover {
  background-color :#00cde5;
  color:#fff;
}

.portfolio-carousel {
  margin-bottom: 120px;
}
.portfolio-carousel .sec-title {
  margin-bottom: 50px;
}


.fommain{ padding:30px 40px 20px 40px;  margin:40px 0px 0px 80px; border-radius:30px;
background: radial-gradient(circle, rgba(217, 210, 210, 0.64) 0%, rgba(255, 255, 255, 1) 100%);
 box-shadow: 0px 1px 24px 0px rgb(124, 188, 148);}
.fommain ul{ overflow:hidden;}
.fommain ul li{ margin:0px 0px 14px 0px; font-size:20px; position:relative; }
.fommain ul li label{ position:relative;  font-size:16px; margin:0; font-weight:700; color:#100d3b;}
.fommain ul li input,.fom ul li textarea{ color:#333; font-size:14px; border-radius:20px;}
.fommain ul li label.error{ font-size:12px; color:#db1313; bottom:6px; right:20px; font-weight:normal; position:absolute; z-index:666; }
.fommain button{ padding:10px 40px; border-radius:20px; background: radial-gradient(circle, rgb(131, 200, 142) 0%, rgb(81, 158, 127) 100%); font-size:16px; color:#fff; border:none;}
.fommain h4{ font-size:28px; color:#333; font-weight:800;}
.fommain h5{ font-size:16px; color:#727171; font-weight:400; line-height:1.4; padding:0px 0px 0px 0px;}




/* Inner Page */
/*innaerpage starts here*/
.bodycol div{ position:relative; z-index:55; }
.incont{ background-image:url(../images/bg2.jpg); background-size:cover; background-attachment:fixed; padding:20px 0px 120px 0px;} 
.incont h1{ padding:10px 0px 0px 0px; font-weight:700;color:#333; font-size:60px; line-height:1;}
.incont h3{font-weight:500; font-size:16px;color: #75bc82; padding:10px 0px 0px 0px; text-transform:uppercase;}
.incont h3:before { content: ''; display: inline-block; background: #75bc82; height: 2px; width:50px; margin-right: 10px;}
.incont h2{color:#333; font-size:45px; padding:0px; margin:0px; font-weight:800;}
.incont h6{color:#333; font-size:30px; padding:0px; margin:0px; font-weight:800;}
.incont h6 span{color:#75bc82;}
/*.incont h2 span{background: linear-gradient(to right, #2a557d 0%, #8bdd81 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;}*/
.incont h2 span{color:#75bc82;}	
.incont p{ padding:8px 0px 0px 0px; color:#666; margin:0px; font-size:16px;}
.incont p a{ color:#666;}
.abttimg{ border-radius:0px 200px 200px 0px; position:relative; overflow:hidden; z-index:667; margin:20px 0px 0px 0px;}
.abbox{ padding:0px 0px 0px 10px;}
.incont h4{color:#333; font-size:20px; padding:0px; margin:0px; font-weight:600;}
.incont h5{color:#333; font-size:20px; padding:14px 0px 0px 0px; margin:0px; font-weight:700;}
.cabbox{ padding:0px 0px 0px 10px;}
.cabbox h2{ padding-left:10px;}
.cabbox p{ padding-left:10px;}
.carbox h6{ padding-bottom:10px;}
.carbox h4{ padding:10px 0px 4px 0px;}
.carbox p{ padding:10px 0px 0px 0px;}


.vsnmsn{ padding:0px; margin:0px;}
.vstimg{ border-radius:0px 0px 40px 40px; position:relative; overflow:hidden;}
.vsnbox{ padding:60px 0px 0px 20px;}
.vsnmsn h3{font-weight:500; font-size:16px;color: #75bc82; padding:10px 0px 0px 0px; text-transform:uppercase;}
.vsnmsn h3:before { content: ''; display: inline-block; background: #75bc82; height: 2px; width:50px; margin-right: 10px;}
.vsnmsn h2{color:#333; font-size:50px; padding:0px; margin:0px; font-weight:800; text-transform:capitalize;}
/*.vsnmsn h2 span{background: linear-gradient(to right, #2a557d 0%, #8bdd81 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;}*/
.vsnmsn h2 span{color:#75bc82;}	
.vsnmsn h4{color:#333; font-size:30px; padding:14px 0px 10px 0px; margin:0px; font-weight:800; text-transform:capitalize;}
.vsnmsn p{ padding:10px 0px 0px 0px; color:#666; margin:0px; font-size:16px;}
.bsnimg{ border-radius:40px 40px 0px 0px; position:relative; overflow:hidden; margin:60px 0px 0px 0px;}

.crrbx{ padding:0px 0px 0px 20px; margin:0px;}
.crrbx h2{ padding:0px; margin-left:-18px;}
.carsec{ padding:10px 0px 0px 0px;}
.carsec h6{font-size:30px;background-color:#75bc82;display:inline-block; color:#fff;padding:8px 14px 10px 14px; 
border-left:10px solid #134660; margin:10px 0px 10px 0px;}
.carsec h4{ padding:14px 0px 4px 0px; font-size:26px; font-weight:800;}

.crlst{ padding:0px 0px 0px 0px; margin:0px;}
.crlst li img{ position:absolute;  left:0px; color:#1f84d1; width:20px; top:11px;}
.crlst li{ padding:10px  40px 0px 26px; position:relative; font-size:16px; color:#666;  display:inline-block;}


.splbx{margin:-40px 20px 0px 20px; background: #008DD2; position:relative; overflow:hidden;
background: radial-gradient(circle, rgb(46, 115, 72) 0%, rgb(108, 234, 178) 100%); 
padding:40px 20px 10px 20px; border-radius:30px;}
.splbx h5{ color:#fff; font-size:22px; padding:12px 0px 0px 40px; margin:0px; text-transform:capitalize; font-weight:700;}
#glb{ margin:0px; padding:0px; position:absolute;}
#glb i{ height:60px; width:60px; background: radial-gradient(circle, rgb(167, 233, 171) 0%, rgb(124, 205, 149) 100%);
 line-height:60px; color: #fff; text-align: center;
 font-size: 25px; transition: 0.5s; margin-top:10px; border-radius:20px;}
.splbx p{ color:#fff; font-size:16px; padding:10px 0px 0px 40px; margin:0px; font-weight:400;}
.spbx1{ border-bottom:1px dashed #fff; padding:0px 0px 30px 0px; margin:0px;}
.spbx2{ padding:0px 0px 40px 0px;}
.smp1{ padding:20px 0px 0px 0px;}
.smp2{ padding:20px 0px 0px 0px;}

.prfls{  padding:100px 0px 140px 0px; background: #67b579; margin:0px;
background: linear-gradient(336deg, rgb(36, 87, 118) 0%, rgb(43, 102, 121) 30%, rgb(97, 175, 118) 100%);
position:relative; z-index:12;  clear:both; }
.prfls > div{ position:relative; z-index:40; overflow:hidden;}
#prflscn{ text-align:center; padding-bottom:0px;}
.prfls h3{font-weight:500; font-size:18px;color:#aceac7; padding:0px 0px 0px 0px; margin:0px; text-transform:uppercase;}
.prfls h3:before { content: ''; display: inline-block; background:#aceac7; height: 2px; width:50px; margin-right: 10px;}
.prfls h2{font-weight:800; font-size:45px;color:#fff; padding:10px 0px 0px 0px; margin:0px; text-transform:capitalize; line-height:1.1;}
/*.prfls h2 span{background: linear-gradient(to right, #78ffb3 0%, #e8f2fb 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;}*/
.prfls h2 span{color:#fff;}		
.prfls p{font-weight:400; font-size:16px;color:#fff; padding:10px 0px 0px 0px; margin:0px;}

.wfimg{ border-radius:0px 0px 40px 40px; position:relative; overflow:hidden; margin-bottom:20px;}
.prfls h4{font-weight:600; font-size:20px;color:#fff; padding:30px 0px 10px 0px; margin:0px; position:relative; display:inline-block;
text-align:left;} 
.prfls h4:after{ position:absolute; width:30%; background-color:#fff; height:4px; content:''; bottom:0; left:0%;  }


.scgmn{ margin-top:-120px; margin-bottom:0px; overflow:hidden; position:relative; z-index:555;}
.prbox{padding:20px 0px; border-radius:30px; margin-top:40px; margin-bottom:20px; position:relative; text-align:center;
background: #d9d2d2; min-height:270px;
background: radial-gradient(circle, rgba(217, 210, 210, 0.99) 0%, rgba(255, 255, 255, 1) 100%);
box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1); }
#temns{ padding:200px 0px 0px 0px;}

.prbox1{ padding:10px 10px;}
.prbox1 h5{ color: #75bc82; font-size:40px; font-weight:700;}
.prbox1 h6{font-weight:800; font-size:20px;color:#333; padding:0px 0px 4px 0px; margin:0px; text-transform:capitalize;} 
.prbox1 p{color:#6E6E6E;}

.prbox3{ margin-left:0px; margin-top:-50px; background: #008DD2; position:relative; overflow:hidden;
background: radial-gradient(circle, rgb(46, 115, 72) 0%, rgb(108, 234, 178) 100%); 
padding:80px 20px; border-radius:30px;}
.prbox3 h5{ color: #fff; font-size:40px; font-weight:700;}
.prbox3 h6{font-weight:800; font-size:20px;color:#fff; padding:0px 0px 4px 0px; margin:0px; text-transform:capitalize;} 
.prbox3 p{color:#fff;}

.fom2{ padding:50px 50px 50px 50px;  margin:20px 20px 0px 0px; border-radius:30px;
background: radial-gradient(circle, rgba(217, 210, 210, 0.64) 0%, rgba(255, 255, 255, 1) 100%);
 box-shadow: 0px 1px 24px 0px rgba(192, 198, 195, 0.78);}
.fom2 ul{ overflow:hidden;}
.fom2 ul li{ margin:0px 0px 14px 0px; font-size:20px; position:relative; }
.fom2 ul li label{ position:relative;  font-size:16px; margin:0; font-weight:700; color:#100d3b;}
.fom2 ul li input,.fom ul li textarea{ color:#333; font-size:14px; border-radius:20px; padding:20px;}
.fom2 ul li label.error{ font-size:12px; color:#db1313; bottom:6px; right:20px; font-weight:normal; position:absolute; z-index:666; }
.fom2 button{ padding:10px 40px; border-radius:20px; background: radial-gradient(circle, rgb(131, 200, 142) 0%, rgb(81, 158, 127) 100%); font-size:16px; color:#fff; border:none;}
.fom2 h4{ font-size:28px; color:#333; font-weight:800;}
.fom2 h5{ font-size:16px; color:#727171; font-weight:400; line-height:1.4; padding:6px 0px 10px 0px;}

.tkew{ -moz-transform:skew(0,-2deg); transform:skew(0,-2deg); padding:100px 0px 0px 0px; z-index:999; background-color:#E5EAEC; 
margin-top:-60px;}
.tkewback{ -moz-transform:skew(0,2deg); transform:skew(0,2deg);}
.team_areas{ padding:80px 0px 80px 0px; margin-top:-40px; background-color:#E5EAEC;}
.teamsc2{ text-align:left;}
.teamsc2 h3{font-weight:500; font-size:16px;color: #75bc82; padding:10px 0px 0px 0px; margin:0px; text-transform:uppercase;}
.teamsc2 h3:before { content: ''; display: inline-block; background: #75bc82; height: 2px; width:50px; margin-right: 10px;}
.teamsc2 h2{color:#333; font-size:45px; padding:0px; margin:0px; font-weight:800;}
/*.teamsc2 h2 span{background: linear-gradient(to right, #267759 0%, #75bc82 100%);
-webkit-background-clip: text;-webkit-text-fill-color: transparent;}*/
.teamsc2 h2 span{color:#75bc82;}
.tmtbxm{ background-color:#fff; border-radius:30px; margin:30px 0px 0px 0px; box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1); 
border:1px solid #eee;}
.tmtbxm h4{ color:#333; font-size:24px; font-weight:800; padding:20px 30px; line-height:1.4; text-align:left;}
.tmtbox {padding:30px 30px 25px;background-color: #ffffff; margin-top:20px;
border: 1px solid rgba(30, 30, 30, 0.1);border-radius:40px;text-align:left; margin-bottom: 30px;}
.tmtbox h5{ color:#333; font-size:45px; font-weight:800; padding:0px;  margin:0px; line-height:1.1; text-align:left; 
text-transform:capitalize;}
/*.tmtbox h5 span{background: linear-gradient(to right, #267759 0%, #75bc82 100%);
-webkit-background-clip: text;-webkit-text-fill-color: transparent;}*/
.tmtbox h5 span{color: #75bc82;}	
.tmtbox h6{ color:#5ba168; font-size:20px; font-weight:500; padding:0px; margin:0px; line-height:1.4; text-align:left;}
.tmtbox p{font-weight:400; font-size:16px;color:#666; padding:10px 0px 0px 0px; margin:0px;}
/*.scrms h5{ color:#666; text-align:center; font-size:20px; padding:10px 0px 0px 0px; margin:0px; line-height:1.4;}*/

/*.smtbxm{ background-color:#fff; border-radius:30px; margin:30px 0px 0px 0px; box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1); 
border:1px solid #eee; padding:20px;}*/
.smtbxm{ background-color:#fff;}
.smtbxm p{ color:#666;  padding:10px 0px 0px 0px;}
.tcsbx{ padding:10px 0px 0px 0px;}
.smtbxm2{ padding:40px 0px 0px 0px;}
.sapcn h4{ text-align:center; padding:20px 0px 0px 0px; margin-bottom:-10px; font-size:24px; font-weight:800;}


.clnts{ padding:40px 0px 0px 0px; margin:0px;}
.client-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 24px; margin-top: 60px; }
.clntbox{background: #fff; border: 1px solid rgba(8,43,75,0.1);border-radius:12px; padding:30px; margin-bottom:20px; 
display: flex; align-items: center; justify-content: center;transition: all 0.4s ease;}
.clntbox img {max-width: 100%; max-height: 100%; object-fit: contain;transition: all 0.4s ease;}
.clntbox:hover {transform: translateY(-5px); border-color:#58a967;box-shadow: 0 20px 40px rgba(0,180,198,0.1);}
.clntbox:hover img {transform: scale(1.05);}


.contact-section .contact-form {
 padding:50px 50px 40px 50px;  margin:20px 20px 0px 0px; border-radius:30px;
background: radial-gradient(circle, rgba(217, 210, 210, 0.64) 0%, rgba(255, 255, 255, 1) 100%);
 box-shadow: 0px 1px 24px 0px rgba(192, 198, 195, 0.78);}
.contact-section h4{ font-size:28px; color:#333; font-weight:800;}
.contact-section h5{ font-size:16px; color:#727171; font-weight:400; line-height:1.4; padding:6px 0px 10px 0px;}
.contact-form input,
.contact-form textarea,
.contact-form select {position: relative;display: block;width: 100%; height: 50px;background: #fff; border-radius: 20px; 
border: 1px solid #75bc82;font-size: 17px; color: #75727b;  padding: 10px 20px;
 -webkit-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;}
.contact-form textarea {height: 150px;padding: 15px;}
.contact-form select {color: #696969;} 
.contact-form fieldset {margin-bottom:10px;}
.contact-form input:focus,
.contact-form textarea:focus,
.contact-form select:focus {color: #222;border: 2px solid #75bc82;background: #fff;
-webkit-box-shadow: 0 0 40px rgba(51, 51, 51, 0.1);box-shadow: 0 0 40px rgba(51, 51, 51, 0.1);outline: none;}
.contact-form button:hover {opacity: 0.9;}
.contact-form textarea {padding: 20px;}
.contact-form ::-webkit-input-placeholder {color: #7c7c7c;}
.contact-form :-ms-input-placeholder {color: #7c7c7c;}
.contact-form ::-moz-placeholder {color: #7c7c7c;}
.contact-form ::-ms-input-placeholder {color: #7c7c7c;}
.contact-form ::placeholder {color: #7c7c7c;}
.contact-section .contact-box {width: 100%;padding-left: 0px;}
.contact-section .contact-box .contact-info h2 {color: #fff;font-size: 30px;margin-bottom: 30px;font-weight: 600;}
.contact-section .contact-box .contact-info ul li {
padding: 0px 0px 40px 60px;position:relative;display: -webkit-box;display:-ms-flexbox;display:flex;line-height:1.7;color:#fff;}
.contact-section .contact-box .contact-info ul li:last-child {padding-bottom: 0;}
.contact-section .contact-box .contact-info ul li:first-child {
-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
.contact-section .contact-box .contact-info ul li i {color: #fff;
border-radius: 50px;background: #eee;width: 40px;height: 40px;position: absolute;text-align: center;
-webkit-box-shadow: none;box-shadow: none;margin-right: 20px;line-height: 40px;left: 0px;}
.contact-section .contact-box .contact-info ul li p {color: #59585d;font-size: 16px;margin: 0 !important;font-weight: 500;}
.contact-section .contact-box .contact-info ul li a {color: #59585d;font-weight: 500;font-size: 16px;}
.contact-section .contact-box .contact-info h4 {font-size: 16px;color: #75bc82;margin-bottom: 5px;font-weight:500;}
form fieldset .radio {margin-top: 10px;position: relative;}
form fieldset .radio li {margin: 0 10px;}
.contact-form input[type="radio"] {width: auto;margin-bottom: 0;}
form fieldset .radio li label {width: auto;}
.svg-fill-color-light {fill: #fff !important;}


.srcesbx{ padding:30px 20px;}
.srtimg{ border-radius:20px 0px 0px 20px; position:relative; overflow:hidden; z-index:667; margin:0px 0px 0px 0px;}
.srtbox{ border-radius: 0px 40px 40px 0px; padding:46px 40px; 
 background: #67b579; background: radial-gradient(circle, rgb(52, 123, 87) 0%, rgb(145, 208, 166) 100%);}
.g0{ padding:0px !important;}

.srvbx{margin:0px 0px 0px 0px; background: #008DD2; position:relative; overflow:hidden;
background: radial-gradient(circle, rgb(46, 115, 72) 0%, rgb(108, 234, 178) 100%); 
padding:20px 20px 30px 20px; border-radius: 0px 40px 40px 0px;}
.spbsm{ padding:0px 0px 0px 5.2em;}
.srvbx h5{ color:#fff; font-size:22px; padding:20px 0px 0px 0px; margin:0px; text-transform:capitalize; font-weight:700;}
.srvbx p{ color:#fff; font-size:16px; padding:10px 0px 0px 0px; margin:0px; font-weight:400;}
#glbicn{margin:0px; padding:10px 0px; position:absolute;}
#glbicn i{ height:60px; width:60px; background: radial-gradient(circle, rgb(167, 233, 171) 0%, rgb(124, 205, 149) 100%);
 line-height:60px; color: #fff; text-align: center;
 font-size: 25px; transition: 0.5s; margin-top:10px; border-radius:20px;}
 
#glbicn2{margin:0px; padding:10px 0px; position:absolute;}
#glbicn2 i{ height:60px; width:60px; background: radial-gradient(circle, rgb(167, 233, 171) 0%, rgb(124, 205, 149) 100%);
 line-height:60px; color: #fff; text-align: center;
 font-size: 25px; transition: 0.5s; margin-top:10px; border-radius:20px;}
 
#glbicn3{margin:0px; padding:10px 0px; position:absolute;}
#glbicn3 i{ height:60px; width:60px; background: radial-gradient(circle, rgb(167, 233, 171) 0%, rgb(124, 205, 149) 100%);
 line-height:60px; color: #fff; text-align: center;
 font-size: 25px; transition: 0.5s; margin-top:10px; border-radius:20px;}  


#slb{ margin-top:0px;}
#slb i{ height:60px; width:60px; background: radial-gradient(circle, rgb(167, 233, 171) 0%, rgb(124, 205, 149) 100%);
 line-height:60px; color: #fff; text-align:center;font-size:25px; transition: 0.5s; margin-top:10px; border-radius:20px;}
#slbs{ margin-top:0px;}
#slbs i{ height:60px; width:60px; background: radial-gradient(circle, rgb(167, 233, 171) 0%, rgb(124, 205, 149) 100%);
 line-height:60px; color: #fff; text-align: center; font-size: 25px; transition: 0.5s; margin-top:10px; border-radius:20px;} 
 

.sbbx1{ border-bottom:1px dashed #fff; padding:0px 0px 20px 0px;}
.sbbx2{ padding:0px 0px 0px 0px;}
.stl1{ padding:30px 0px 0px 0px;}
.stl2{ padding:30px 0px 0px 0px;}
.secd{ padding:20px 0px 0px 0px;}
.sectimg{border-radius:10px 200px 200px 10px; position:relative; overflow:hidden;}
.secdm{ padding:60px 0px 0px 0px;}
.chrts{ padding:10px 0px 0px 0px;}

.thank-col{ padding:0px; width:100%; text-align:center; height:200px; display:table; overflow:hidden; }
.thank-col div{ display:table-cell; vertical-align:middle; text-align:center; width:100%; }
.thank-col h2{ color:#555; }
.thank-col p{ color:#333; font-size:15px;}


/* faq-section */
.accds-section {padding:4px 0;}
.accds-section .accordion-box .accordion-item { 
padding:0px; border-radius: 0px; overflow: hidden; margin-bottom: 0px;transition: all 0.3s ease-in-out;}
.accds-section .accordion-box .accordion-item h5 { font-size:20px;}
.accds-section .accordion-box .accordion-item h5 span { text-align:right; padding:0px; margin-right:-14em;}
.acrsc{ margin-right:-6.2em;}

/*.accds-section .accordion-box .accordion-item h6 {font-size:20px;}
.accds-section .accordion-box .accordion-item h6 span { text-align:right; color:#fff; margin-right:-14em;}*/

.accds-section .accordion-box .accordion-item .accordion-button {  width:100%; display:flex;
justify-content:space-between;
align-items:center;
position:relative; cursor: pointer; -webkit-transition: all 500ms ease;padding: 10px 24px;
font-size:18px;  color:#fff; background-color:#fff; font-weight:400; box-shadow:none;
border-radius: 50px; border:none;  
background: radial-gradient(circle, rgb(131, 200, 142) 0%, rgb(81, 158, 127) 100%);}
.accds-section .accordion-box .accordion-item .accordion-button:not(.collapsed) {color: #fff;}
.accds-section .accordion-box .accordion-item .accordion-button::after {
content: '\f068';font-family:'FontAwesome'; color: #fff; border-radius: 50%;font-size: 16px;
width: 40px; height: 30px; line-height:20px;  background-image: none; font-weight:normol; padding-top:4px;}
.accds-section .accordion-box .accordion-item .accordion-button.collapsed::after{content: '\f067';font-family:'FontAwesome';}
.accds-section .accordion-box .accordion-item .accordion-body {padding:20px; border:1px solid #eee; margin-top:10px;
border-radius:40px; }
.accds-section .accordion-box .accordion-item .accordion-body p {color:#666; padding:0px 0px 0px 0px; margin:0px; }
.accds-section .accordion-box .accordion-item .accordion-button:not(.collapsed)::after {transform:none;}


#footercol{  background: #67b579;
background: linear-gradient(336deg, rgb(36, 87, 118) 0%, rgb(43, 102, 121) 30%, rgb(97, 175, 118) 100%);
padding:60px 0px 80px 0px; position:relative; z-index:12;  clear:both;}
#footercol > div{ position:relative; z-index:40; overflow:hidden;}
/*#footercol:before{ position:absolute; content:''; left:0; top:0; bottom:0; right:0;  background-color:rgba(0, 0, 0, 0.5);}*/
.footermenu h3{  font-size:30px; color:#fff; font-weight:bold; padding:10px 0px 0px 0px;}
.footermenu h5{  font-size:16px; color:#fff; font-weight:600; padding:10px 0px 0px 0px;}
.ftlogo{ padding:20px 0px 0px 0px; width:300px;}
#footercol p{ color:#fff; font-size:16px; padding:10px 0px 0px 0px; margin:0px; font-weight:400; line-height:1.8;}
#footercol p a{ color:#fff;}
.footermenu ul{ padding-right:10px; margin-top:10px; }
.footermenu ul li{ padding:0px 0px; position:relative; }
.footermenu ul li a{ font-size:16px; color:#fff;  display:block; padding:5px 14px; font-weight:400; }
.footermenu ul li:before{ content:'\f101 '; font-family: 'FontAwesome'; color:#eee; font-size:16px; vertical-align:middle; position:absolute; left:0; top:7px; }
#footercol h5{ color:#fff; margin:0px; padding:4px 0px 0px 0px;}
#footercol h5 i{ color:#fff; font-size:18px; font-weight:600;}

#footer{ text-align:center; background-color:#134660;  }
#footer p{ margin:0; padding:20px 0px; font-size:16px; color:#fff;}


.socialcol{ margin:0px; position:relative; overflow:hidden;}
.socialcol ul li{ padding:0; }
.socialcol ul li:before{ display:none; }
.socialcol ul li a { float:left;border-radius:40px; margin-right:5px; width:40px; height:40px; padding:8px 0px; text-align:center; 
display:table;background: radial-gradient(circle, rgb(54, 150, 117) 0%, rgb(133, 199, 157) 100%); -moz-transition:all ease-in-out 0.2s; -webkit-transition:all ease-in-out 0.2s; -ms-transition:all ease-in-out 0.2s;transition:all ease-in-out 0.2s;}
.socialcol ul li a img{width:16px; margin:0 auto; padding-top:4px;}
.socialcol ul li a:hover {background-color:#0a2f5a;transform: translate(0, -10px);}


/*Extra small devices (portrait phones, less than 576px)*/
/*No media query since this is the default in Bootstrap*/
/*Small devices (landscape phones, 576px and up)*/
@media (max-width: 320px) {}
@media (max-width: 360px) {}
@media (max-width: 576px) { .mainmenu,.sidenav{ display:none;} .respnav{ display:block;} #respo_menu{ display:block; } 
.hubox{ margin:0px; padding-top:40px;}  
.ttcolm{ padding:0px;  margin-top:0px; margin-left:10px; margin-right:10px;}  
#about h2{ padding:10px; font-size:34px;} #frsd{ padding-left:0px; padding-right:0px;} 
.wfimg { border-radius:40px; margin-top:20px;} .wftbx2{ padding-top:0px; padding-left:0px;}
#srsd{ padding:0px;}.bsns img{ margin-top:40px;}.sftbx1 { margin-left:0px;}
.chusb{ padding-left:0px; padding-right:0px;} .chrbx {padding-top:20px;}.wmimg {margin-left:0px;} 
.wmimg2{ margin-top:20px; margin-bottom:100px;}
.tstmns{ padding-left:0px; padding-right:0px;} .ttmns {padding-top:0px;}
.tstimg{ border-radius:40px; margin:0px 10px 00px 10px;}.testimo{border-radius:40px; margin:20px 10px;}
.teamsc h2{ padding-left:0px; padding-right:0px; font-size:36px;}
.fqmsn{ padding-left:0px; padding-right:0px; padding-top:40px;}.fqlft{ padding:0px;}.srver{ padding:40px 0px 100px 20px;}
.sercom h2{ font-size:30px;}.scrms{ padding-left:20px; padding-right:20px;}
.abtclm{ padding-top:0px;} .wlcm h2{ font-size:36px;}.wtbxm{ margin-top:20px;}.wftrmn h2{font-size:36px;}
.srbar h2{ padding:0px; font-size:40px; margin-bottom:25px;}.tstmns h2{font-size:36px;}
.fqmsn h2 {font-size:36px;}.srver h2{font-size:36px;} #tmm{ margin-left:0px;}
.srtimg{ border-radius:20px 20px 0px 0px;} .srvbx{border-radius:0px 0px 20px 20px;}.srvbx h5{ padding-left:0px;}
.fommain { margin-left:0px;}
}
/*Medium devices (tablets, 768px and up)*/
@media (max-width: 768px) { .mainmenu,.sidenav{ display:none;} .respnav{ display:block;} #respo_menu{ display:block;}}
/*Large devices (desktops, 992px and up)*/
@media (max-width: 992px) { .mainmenu,.sidenav{ display:none;} .respnav{ display:block;} #respo_menu{ display:block;}}
/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { .mainmenu,.sidenav{ display:block;} .respnav{ display:none;} #respo_menu{ display:none;}}
/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { .mainmenu,.sidenav{ display:block;} .respnav{ display:none;} #respo_menu{ display:none;}}