@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');

.container.grid-lg {
    max-width: 1140px!important;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, a {
font-family: 'Oswald', sans-serif;
}
p{
font-family: 'Roboto', sans-serif;
}
/* heading title css start */
.h2title {
    margin-top: 0;
    text-align: center;
    color: #227390;
    font-weight: bold;
    font-size: 50px;
    margin-bottom: 80px;
    position: relative;
}
.solutiontopsec .h2title {
    margin-bottom: 50px;
}
.h2title:after {
    content: "";
    position: absolute;
    bottom: -21px;
    width: 115px;
    height: 2px;
    background-color: #000;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.h2title:before {
    content: "";
    position: absolute;
    bottom: -25px;
    left: 0;
    right: 0;
    width: 10px;
    height: 10px;
    background-color: #227390;
    margin: 0 auto;
    transform: rotate(45deg);
    z-index: 1;
	box-shadow: 0px 0px 0px 2px #fff;
}
/* heading title css end */
/* header menu css */

.dropmenu ul li a {
    padding: 7px 20px 7px 20px;
    font-weight: 500;
    font-size: 16px;
}
#header .logo img, #header .logo svg {
    height: 55px;
}
.treemenu li a.active, .treemenu li a:focus, .treemenu li a:hover , .dropmenu ul li a.active, .dropmenu ul li a:focus, .dropmenu ul li a:hover{
    color: #49c5e9!important;
}
nav.dropmenu.animated {
    position: relative;
	left: -60px;
}
/* language dropdown css*/
select.selectpicker {
    font-weight: bold;
    color: #454d7b !important;
    outline: 0;
    cursor: pointer;
	font-family: 'Oswald', sans-serif;
	display: none;
}
.select2.select2-container.select2-container--default {
    position: absolute;
    right: -75px;
    top: 13px;
    bottom: 0;
    border: 0;
	cursor: pointer;
}
.select2-container.select2-container--default.select2-container--open {
    z-index: 9;
    background-color: #fff;
    border-radius: 10px;
	border: 0px;
}
.select2-results__option {
    list-style: none;
	cursor: pointer;
}
spam {
    margin-left: 10px;
    top: -4px;
    position: relative;
    font-weight: 700;
    font-size: 14px;
}
nav.dropmenu.animated {
    position: relative;
}
[type=search] {
    outline: 0;
}
/* banner css */
.hero.text-light h1 {
    color: rgba(0, 0, 0 / 80%);
	color: #000;
    font-size: 75px !important;
    font-weight: bold;
	margin: 0px
}
.hero.text-light h1 span {
    color: #48c8ed;
}
@media screen and (min-width: 801px){
.bannercontent {
    max-width: 450px;
}
}
@media screen and (min-width: 768px) and (max-width: 900px){
.bannercontent {
    max-width: 300px;
}
}
#home p{
    color: #000;
    font-size: 16px;
    font-weight: 500;
}
.btn-primary.button, .btn.btn-primary, .btn-primary.button:hover, .btn.btn-primary:hover, .btn-primary.button:focus, .btn.btn-primary:focus {
	border-color: #48c8ed;
    background: transparent;
    color: #48c8ed;
    border-radius: 10px;
    font-weight: 400;
    font-size: 22px;
    padding: 6px 15px;
    width: 175px;
    text-transform: capitalize;
}
/* about us section css */
.aboutussection {
    padding-top: 50px;
	padding-bottom: 50px;
}
.aboutussection section.container.grid-lg {
    padding-top: 0 !important;
}
.aboutcontent h3 {
    font-size: 35px;
    color: #000;
}
.aboutcontent h3 span{
font-weight: 600 !important;
}
.aboutcontent h3:nth-child(3) {
    font-size: 28px;
    margin-top: 35px !important;
    margin-bottom: 25px;
}
.aboutcontent p {
    font-size: 20px;
    font-weight: 400;
}
.ticklist p {
    margin-bottom: 10px;
}
.ticklist p img {
    margin-right: 10px;
}
/* service section css */
section.section.modular-features {
    background-repeat: no-repeat;
    background-size: cover;
}
@media screen and (max-width: 1366px){
section.section.modular-features {
    background-position-x: -125px;
}
}
.btn-custom {
    font-size: 14px !important;
    color: #a5a5a5 !important;
    border-color: #217792 !important;
    font-family: 'Roboto', sans-serif;
    width: 125px !important;
    text-align: center;
    font-weight: 100 !important;
	height: auto !important;
}
.servicebox {
    background-color: #e7e7e7;
    padding: 15px 0 0px;
}
.settingicon {
    background-color: #227390;
    width: 50px;
    height: 50px;
    text-align: center;
    margin: 0 auto;
    line-height: 60px;
    border-radius: 50px;
    z-index: 1;
    position: relative;
}
.servicewhite {
    background-color: #fff;
    padding: 10px 15px 20px;
    margin-top: -20px;
}
h4.servicetitle {
    color: #227390;
    text-transform: uppercase;
    font-size: 16px;
}
.feature-content p {
    font-size: 14px;
    color: #606060;
	    margin-bottom: 10px;
}
/* how to protect section css */
#servicebelow {
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    height: 665px;
    background-position: center;
	    position: relative;
    z-index: 1;
}
h2.bannerhead {
    color: #fff;
    font-size: 40px;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
}
p.bannerdesc {
    color: #fff;
    font-size: 20px;
}
@media screen and (min-width: 575px){
h2.bannerhead, p.bannerdesc {
    padding-right: 60px;
}
}
/* solutions css */
p.soldesc {
    max-width: 550px;
    margin: 0 auto;
}
.solutionbox {
    padding: 15px 15px;
    box-shadow: 0px 0px 25px rgb(0 0 0 / 6%);
	border: 2px solid #fff;
	transition: .3s;
}
.solutionbox:hover {
    border: 2px solid #227390;
    transition: .3s;
}
.solutionbox  .feature-icon {
    height: 215px !important;
    background-color: #e7e7e7;
    margin-top: 0 !important;
}
.solutionbox h4, .solutionbox p {
    text-align: left;
}
.solutionbox .btn-custom {
    color: #227390 !important;
}
.solutionbox h4 {
    font-size: 22px;
    font-weight: 600;
}
/* footer css */
#footer {
    padding: 2.5rem 1rem 0 !important;
}
.copyright {
    background-color: #217792;
}
ul.rightslinks {
    padding: 0;
    text-align: right;
    margin: 0 auto;
    display: inline-block;
    float: right;
}
.rightslinks li {
    float: left;
    list-style: none;
    margin-top: 0;
}
.rightslinks li a {
    color: #fff;
    padding-right: 10px;
    text-decoration: none;
	font-family: 'Roboto', sans-serif;
}
.copyright {
    background-color: #217792;
    padding: 15px 15px;
}
p.rights {
    color: #fff;
	margin-bottom: 0px !important;
}
.footercol1 , .footercol2, .footercol3{
    text-align: left;
}
.footercol1 img {
    margin-bottom: 25px;
}
.footercol1 p, .footercol2 p, .footercol2 a {
    color: #fff;
	font-family: 'Roboto', sans-serif;
}
.footercol2 h2, .footercol3 h2 {
    color: #fff;
    margin-top: 0;
	margin-bottom: 45px;
	position: relative;
}
.footercol2 h2:before, .footercol3 h2:before {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 0;
    background-color: #217792;
    width: 50px;
    height: 8px;
}
.footerbox {
    max-width: 350px;
}
.mobile-menu .button_container span{
    background: #49c5e9 !important;
}
.footercol2 img {
    position: relative;
    top: 7px;
	margin-right: 15px;
}
.footercol3 form {
    position: relative;
    margin-bottom: 30px;
}
.newsemail, .newsemail:focus {
    width: 100%;
    height: 50px;
    border: 1px solid #fff;
    border-radius: 35px;
    padding: 0 15px;
    font-size: 15px;
	outline: 0;
}
.newssubmit , .newssubmit:focus{
    color: #fff;
    background-color: #217792;
    border: 0;
    width: 40px;
    height: 40px;
    border-radius: 32px;
    position: absolute;
    right: 6px;
    top: 5px;
	font-size: 32px;
    line-height: 30px;
}
/* Media query css */
@media screen and (max-width: 992px){
section#servicebelow:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .05);
    z-index: -1;
}
h2.bannerhead {
    font-size: 30px !important;
}
}
@media screen and (max-width:767.98px){
.hero.text-light h1 {
    font-size: 35px !important;
}
#home p{
    font-size: 16px !important;
}
}
@media screen and (min-width: 768px){
.aboutcontent h3 {
    margin-top: 0;
}
}
@media screen and (min-width: 768px){
#servicebelow {
    padding: 0px 15px 0px 60px;
}
}
@media screen and (max-width: 600px){
ul.rightslinks {
    float: none;
}
}
@media screen and (min-width: 841px){
select.selectpicker {
    position: absolute;
    right: -75px;
    top: 0;
    bottom: 0;
    border: 0;
}
}
@media screen and (max-width: 840px){
.treemenu li.tree-empty>.toggler {
    display: none;
}
.mobile-logo img path, .mobile-logo svg path {
    fill: #000 !important;
}
.overlay {
    background: #fff !important;
}
.treemenu li {
    background: rgb(255 255 255 / 10%);
}
.treemenu li a {
    color: #000;
}
select.selectpicker {
	float: left;
    margin-left: 32px;
    margin-top: -10px;
	display: block !important;
}
}
.select2-search__field{
display:none!important;
}


/** add new css for home page changes **/

p.justify {
    text-align: justify;
}
.ticklist p {
    font-size: 13px;
}

.desktop-menu {
    margin-right: 18px;
}

section.section {
position: relative;
    padding-right: 0px; 
    padding-left: 0px ; 
}

section.grid-lg.home-img {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 30px;
    padding-right: 30px;
}
.select2-results__option {
    padding-right: 15px;
}

/* .select2-container.select2-container--default.select2-container--open, .select2.select2-container.select2-container--default {
   outline: 0px !important;
} */
ul#select2-siteselector-results {
   margin: 0;
}
.dropmenu ul li a {
   width: 85px;
}

span.select2-selection.select2-selection--single {
outline: 0;
}


@media(min-width:320px) and (max-width:480px){
	.column.col-6.col-md-12.aboutcontent {
		padding-top: 15px;
	}
	section#servicebelow {
    padding: 15px;
}
.aboutcontent {
    padding: 15px;
}
.ticklist{
padding: 0px;
}
.solutiontopsec {
    padding: 15px;
}
.ticklist p {
    font-size: 17px !important;
}
}

@media(min-width:481px) and (max-width:768px){
.column.col-6.col-md-12.aboutcontent {
    padding: 30px;
}
/*.columns {
    padding: 30px;
}*/
}
@media(min-width:768px) and (max-width:1024px){
.aboutcontent p {
    font-size: 16px;
}
.ticklist p {
    font-size: 13px;
}
.ticklist p img {
    margin-right: 5px;
    width: 14px;
}
.aboutcontent h3:nth-child(3), .aboutcontent h3  {
    font-size: 24px;
}
.hero.text-light h1 {
    font-size: 55px !important;
}
.header-fixed .hero {
    padding: 55px 0;
}
}
/*css by sahil*/
.dropmenu ul li a {
    width: 85px;
}
ul#select2-siteselector-results {
    margin-right: -12px;
}
.select2-container.select2-container--default.select2-container--open{
margin: 0 -10px;
}
span.select2.select2-container.select2-container--default {
    margin: 0 -10px;
}
ul#select2-siteselector-results {
    padding: 5px 10px 10px;
}
.header-fixed .hero {
    background-color: #f6f6f6;
    background-repeat: no-repeat;
}
@media screen and (min-width: 1600px) and (max-width: 9999px){
.header-fixed .hero {
    background-size: 1600px;
    padding: 8rem;
	/* height: 65vh;*/
}
}
/*
@media screen and (min-width: 2501px) and (max-width: 9999px){
.header-fixed .hero {
    background-size: 62%;
	padding: 3rem;
	 height: 50vh;
}
}*/
@media screen and (min-width: 1200px) and (max-width: 1599px){
section#home {
    padding: 6rem;
    background-size: 1300px;
	
}
#home .container {
    padding: 1rem 0 1rem;
}
}
@media screen and (min-width: 1025px) and (max-width: 1199px){
section#home {
    padding: 5rem;
    background-size: 1200px;
	
}
#home .container {
    padding: 1rem 0 1rem;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px){
section#home {
    padding: 3rem;
    background-size: 860px;
	
}
#home .container {
    padding: 1rem 0 1rem;
}
}

/* @media screen and (max-width: 767.98px){
section#home {
    padding: 0;
    background-size: 600px;
    background-repeat: no-repeat;
    background-color: #f6f6f6;
}
#home .container {
    padding: 1rem 0 1rem;
}
} */

@media screen and (max-width: 1366px){
	.bannercontent {
		padding: 0 15px;
	}
	.container{
	padding-left: 15px !important;
	padding-right: 15px !important; 
	}
}
/* @media screen and (min-width: 768px) and (max-width: 992px){
.hero.text-light h1 {
    font-size: 75px !important;
}
.header-fixed .hero {
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 0 !important;
    background-color: #f6f6f6;
}
} */
@supports (-ms-ime-align:auto) {
	select.selectpicker {
		display: block !important;
		top: 8px;
		right: -55px;
	}
}
/*new css*/
@media screen and (min-width: 768px){
.baner-img {
    display: none;
}
}
@media screen and (max-width: 767.98px){
section#home {
    background-image: none !important;
    background-color: #f6f6f6;
	padding: 0;
}
}
.modular-hero .pulse {
   bottom: 3.5rem;
}
.hero .pulse {
    font-size: 2rem;
    position: absolute;
    bottom: 10px;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    background-color: rgb(230 230 230 / 56%);
    border-radius: 10px;
}
/*@media screen and (min-width: 1600px){
.hero {
    height: 65vh;
	background-repeat: no-repeat;
    background-size: 100%;
    background-color: #f6f6f6;
}
}*/
.baner-img img {
    width: 365px;
}