@charset "utf-8";
/* CSS Document */
:root{
	--sectiongap:160px;
	--sectiongap-sm:100px;
	--brdrad60:60px;
	--brdrad30:30px;
	--brdrad20:20px;
}
*, *::after, *::before {-webkit-box-sizing: border-box; box-sizing: border-box; scroll-behavior: auto;}
body {font-size:20px; font-weight: 400; font-family: "Barlow", sans-serif; color: #202124; outline: none; visibility: visible; overflow-X: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
body[dir=rtl] {
  text-align: right;
}
h1, h2, h3, h4, h5, h6 {color: #202124; font-weight: 700; line-height: 1.1; margin-bottom: 20px; text-transform: uppercase;}
h1 {font-size: 64px; color: #000;}
h2 {font-size: 54px; color: #000;}
h3 {font-size: 35px; color: #000;}
h4 {font-size: 24px; color: #000;}
p{margin-bottom: 20px;}
a, button {color: #6888F2; display: inline-block; line-height: inherit; text-decoration: none; cursor: pointer;}
a, button, img, input {-webkit-transition: all 0.3s linear; transition: all 0.3s linear; outline: 0;}
a:focus, button:focus, img:focus, input:focus {outline: 0;}
a:focus {color: inherit; outline: none; text-decoration: none;}
a:hover {text-decoration: none; color: #6888F2;}
ul, ol {padding: 0; list-style: none; margin: 0;}
button, input[type=submit] {cursor: pointer;}
img {max-width: 100%;}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {opacity: 1;}
input:-moz-placeholder, textarea:-moz-placeholder {opacity: 1;}
input::-moz-placeholder, textarea::-moz-placeholder {opacity: 1;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {opacity: 1;}

.themebtn,.themebtn-outline,.themebtn-outline:hover{background: linear-gradient(180deg, #6CBFF4 0%, #688DF2 100%); border-radius: 100px; color: #fff; font-size: 18px; text-transform: uppercase; border: 1px solid #688DF2; padding: 10px 15px;}
.themebtn-outline,.themebtn:hover{border: 1px solid rgba(0,0,0,0.2); background: transparent; color: #000;}
.btn.theme-btn{background: linear-gradient(180deg, #6CBFF4 0%, #688DF2 100%); font-size: 18px; color: #fff; border:none; border-radius: 100px; padding: 18px 73px 18px 32px; position: relative; text-transform: uppercase; transition: all 0.5s ease-out;}
.btn.theme-btn span{position: absolute; top:50%; margin-top: -24px; right: 0; margin-right: 6px; background: #fff; border-radius: 100%; padding:10px 12px; height: 48px; width: 48px; text-align: center; transition: all 0.5s ease-out;}
.btn.theme-btn span svg *{stroke: #000 !important;}
.btn.theme-btn:hover{padding: 18px 32px 18px 73px; background: #000;}
.btn.theme-btn:hover span{margin-right: calc(100% - 55px); background: linear-gradient(180deg, #6CBFF4 0%, #688DF2 100%);}
.btn.theme-btn:hover span svg *{stroke: #fff !important;}
.btn.theme-btn.theme-btn-w{background:#fff; color: #000;}
.btn.theme-btn.theme-btn-w span{background: #000;}
.btn.theme-btn.theme-btn-w span svg *{stroke: #fff !important;}
.btn.theme-btn.theme-btn-w:hover{background: #000; color: #fff;}
.btn.theme-btn.theme-btn-w:hover span{background: linear-gradient(180deg, #6CBFF4 0%, #688DF2 100%);}
.btn.theme-btn.theme-btn-w:hover span svg *{stroke: #000 !important;}
.btn.theme-btn.btn-nofill{background:#fff; color: #000; padding: 0 40px 0 0;}
.btn.theme-btn.btn-nofill span{background:none; padding: 10px 0; width: 30px;}
.btn.theme-btn.btn-nofill span svg *{stroke: #000 !important;}
.btn.theme-btn.btn-nofill:hover{background:none; color: #000; padding: 0 0 0 40px;}
.btn.theme-btn.btn-nofill:hover span{background:none; margin-right: calc(100% - 25px);}
.btn.theme-btn.btn-nofill:hover span svg *{stroke: #000 !important;}

.brdr-16{border-radius: 16px;}
.blogpost,.mb6{margin-bottom: 60px;}
.mt6{margin-top: 60px;}
.section,.main-wrapper {float: left; width: 100%;}
.main-wrapper{width: 100%;}
.textleftpad{padding-left: 45px;}
.textrightpad{padding-right: 45px;}

.testimonialarrow{position: relative; min-height: 70px;}
.testimonialarrow .carousel-control-next,.testimonialarrow .carousel-control-prev{width: 60px;}
.testimonialarrow .carousel-control-prev{left: auto; right: 70px;}


.aboutimg{margin-bottom: 20px;}
@media (min-width: 1660px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1600px;
    }
}
/*----------------------------------------*/
/* Header CSS
/*----------------------------------------*/
.header-main {position: absolute; top: 0; left: 0; width: 100%; z-index: 99; background-color: #fff;}
.header-info{padding: 10px 60px; background: linear-gradient(90deg, #6CBFF4 0%, #688DF2 100%); font-size: 16px; text-transform: uppercase; color: #fff; font-weight: 500;}
.header-info span{padding-right: 10px;}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .header-main {padding: 15px 0;}
}
.header-wrapper {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 55px;}
@media only screen and (max-width: 575px) {
  .header-logo a img {width: 130px;}
}
.header-menu {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.header-menu ul {display: -webkit-box;display: -ms-flexbox;display: flex;}
.header-menu ul li {position: relative;padding:0;}
.header-menu ul li + li {margin-left: 20px;}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-menu ul li + li {margin-left: 30px;}
}
.header-menu ul li a {font-size: 16px; font-weight: 500; padding: 25px 10px; color: #202124; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; text-transform: uppercase;}
.header-menu ul li a.active {color: #6888F2; font-weight: bold;}
.header-menu ul li a.active:after{position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #6888F2; content: '';}
.header-menu ul li ul {display: block;}
.header-menu ul li ul li {margin: 0; padding: 0;}
.header-menu ul li:hover a:hover {color: #6888F2;}
.header-menu ul li:hover > .sub-menu {opacity: 1; visibility: visible; top: 100%;}
@media only screen and (min-width: 1200px) and (max-width: 1499px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-menu ul li:nth-last-of-type(1) ul li .sub-menu, .header-menu ul li:nth-last-of-type(2) ul li .sub-menu {left: auto; right: 100%;}
}
.header-menu .sub-menu {position: absolute; top: 110%; left: 0; width: 220px; background-color: #fff; -webkit-box-shadow: 2px 2px 20px rgba(52, 58, 64, 0.1); box-shadow: 2px 2px 20px rgba(52, 58, 64, 0.1); border-top: 2px solid #014455; padding: 6px 0; z-index: 9; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s linear; transition: all 0.3s linear;}
.header-menu .sub-menu li a {padding: 6px 20px; font-size: 15px;}
.header-menu .sub-menu li .sub-menu {left: 100%; top: 0px; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; opacity: 0; visibility: hidden;}
.header-menu .sub-menu li:hover .sub-menu {top: -8px; opacity: 1; visibility: visible;}
.header-btn {margin-left: 60px;}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-btn {margin-left: 40px;}
}
.header-toggle {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.header-toggle .menu-toggle {margin-left: 30px;}
@media only screen and (max-width: 575px) {
  .header-toggle .menu-toggle {margin-left: 15px;}
}
.header-toggle .menu-toggle span {width: 26px; height: 2px; background-color: #202124; display: block; margin: 5px 0;}
.sticky{position: fixed; -webkit-animation: sticky 1s; animation: sticky 1s; -webkit-box-shadow: 2px 4px 8px rgba(33, 40, 50, 0.15); box-shadow: 2px 4px 8px rgba(33, 40, 50, 0.15);}

@-webkit-keyframes sticky {
  0% { -webkit-transform: translateY(-100%); transform: translateY(-100%);}
  100% {-webkit-transform: translateY(0%); transform: translateY(0%);}
}
@keyframes sticky {
  0% {-webkit-transform: translateY(-100%); transform: translateY(-100%);}
  100% {-webkit-transform: translateY(0%); transform: translateY(0%);}
}
.mobile-menu { position: fixed; top: 0; width: 300px; height: 100%; left: -305px; background-color: #fff; z-index: 999; padding-top: 35px; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; overflow: auto;}
.mobile-menu.open {left: 0;}
.mobile-menu .menu-close {position: absolute; top: 30px; right: 25px;}
.mobile-menu-logo{padding-left: 20px;}
.mobile-menu-logo img{max-width: 200px;}
.mobile-menu-items {padding: 30px 0 0;}
.mobile-menu-items ul {border-top: 1px solid rgba(10, 77, 60, 0.15);}
.mobile-menu-items ul li {position: relative;}
.mobile-menu-items ul li a {display: block; width: 100%; background: none; text-align: left; padding: 10px 20px; border: 0; border-bottom: 1px solid rgba(10, 77, 60, 0.15); font-size: 18px; font-weight: 500; color: #202124;}
.mobile-menu-items ul li a.active{color: #6888F2;}
.mobile-menu-items ul li .mobile-menu-expand {position: absolute; right: 20px; top: 12px; width: 16px; height: 16px; cursor: pointer;}
.mobile-menu-items ul li .mobile-menu-expand::before {position: absolute; content: ""; width: 100%; height: 1px; background-color: #202124; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.mobile-menu-items ul li .mobile-menu-expand::after {position: absolute; content: ""; width: 1px; height: 100%; background-color: #202124; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
.mobile-menu-items ul li.active-expand > .mobile-menu-expand::after {height: 0;}
.mobile-menu-items ul li ul {border-top: 0;}
.mobile-menu-items ul li ul li a {padding-left: 12%;}
.mobile-menu-items ul li ul li ul li a {padding-left: 24%;}
.overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0; visibility: hidden; z-index: 99; -webkit-transition: all 0.3s linear; transition: all 0.3s linear;}
.overlay.open {opacity: 0.7; visibility: visible;}

.main-banner{background: #fff no-repeat center bottom; background-size: cover; min-height: 820px; padding-top: 150px;}
.bannerscreen img{width: 90%; max-height: 90%;}
.sectiongap{padding: var(--sectiongap) 0;}
.sectiongap-top{padding-top: var(--sectiongap);}
.sectiongap-btm{padding-bottom: var(--sectiongap);}
.sectiongap-sm{padding: var(--sectiongap-sm) 0;}
.sectiongap-sm-top{padding-top: var(--sectiongap-sm);}
.sectiongap-sm-btm{padding-bottom: var(--sectiongap-sm);}
.bluebg{background: #68B6EB1A;}
.title{margin-bottom: 60px;}
.title span{background: url("../images/svg/title-icon.svg") no-repeat 0 4px; background-size: 30px; padding-left: 46px; line-height: 36px; display: inline-block; margin-bottom: 20px; font-size: 22px; color: #000; text-transform: uppercase; font-weight: 500;}
.featurebox{height: 100%; background: #fff; border:1px #fff solid; padding:44px 24px; border-radius: 16px; text-align: center; transition: all 0.5s ease-out;}
.featureicon{text-align: center; margin-bottom: 30px}
.featureicon span{background: #F0F8FD; width: 81px; padding: 23px; display: inline-block; border-radius: 100%; transition: all 0.5s ease-out;}
.featureicon span svg *{transition: all 0.5s ease-out;}
.featurebox p{margin-bottom: 0;}
.featureboxbtn{height: 100%; background: linear-gradient(180deg, #6CBFF4 0%, #688DF2 100%); padding:24px; border-radius: 16px; text-align: center; display: flex; align-items:flex-end;}
.featureboxbtntext{width: 100%;}
.featureboxbtntext h4{color: #fff;}
.featureboxbtntext p{margin-bottom: 0;}
.featureboxbtntext a{font-weight: 500;}

.featurebox:hover{border-color: #6BBCF3; background: #6BBCF34D;}
.featurebox:hover span{background: linear-gradient(180deg, #6CBFF4 0%, #688DF2 100%);}
.featurebox:hover span svg *{fill:#fff !important;}

.mb24{margin-bottom: 24px;}
#testimonialSlider.owl-carousel .owl-stage{display: flex;}
#testimonialSlider.owl-carousel.owl-drag .owl-item{height: auto;}
.testimonials .item{background: #F5F5F5; padding: 50px; border-radius: 16px; height: 100%;}
.testiinfo{display: flex; margin-bottom: 32px;}
.userimg{width: 92px;}
.userimg img{max-width: 72px;}
.username{font-size: 22px; font-weight: 700; padding-right: 15px;}
.stars{width: 145px; text-align: right;}
.stars img{max-width: 140px;}
.testitext{font-size: 21px; color: #202124;}

.videolink{position: absolute; top:0; left: 0; z-index: 1; width: 100%; height: 100%; border-radius: var(--brdrad60);}
.videoimg{height: 657px; position: relative;}
.videoimg img{border-radius: var(--brdrad60); object-fit: cover; width: 100%; height: 100%;}
.videobtn{position: absolute; z-index: 0; bottom: 30px; left:0; text-align: center; width: 100%;}

.faqpad{padding-right: 30px;}
.faqimg{border-radius: 16px;}
#faqs .accordion-item{border-color:#E5E5E5; border-width: 0 0 1px; padding-bottom: 23px; margin-bottom: 23px;}
#faqs .accordion-button{font-size: 22px; font-weight: 700; padding-bottom: 16px; align-items:flex-start;}
#faqs .accordion-button:focus{box-shadow: none;}
#faqs .accordion-button span{font-size: 20px; font-weight: 400; width:53px; color: #808080; margin-top: 3px;}
#faqs .accordion-button:not(.collapsed){background: none; box-shadow: none; color: #000;}
#faqs .accordion-body{padding:0 0 0 73px; font-size: 18px;}
#faqs .accordion-button:after{background: url("../images/svg/plus.svg") no-repeat center center; margin-top: 3px;}
#faqs .accordion-button:not(.collapsed):after{background-image: url("../images/svg/minus.svg")}


.blog-thumb{width: 100%; height: 345px; margin-bottom: 24px;}
.blog-thumb img{border-radius: var(--brdrad60); object-fit: cover; width: 100%; height: 100%;}
.blog-date{font-size: 18px; font-weight: 400; color: #202124; margin-bottom: 11px;}
.blog-date span{font-weight: 600;}
.blog-title h3{font-size: 22px; color: #000; text-transform: uppercase;}
.blog-btn a.btn.theme-btn{text-transform: none;}

.footer-section{background: #202124; padding-top: var(--sectiongap-sm); color: #fff;}
.footer-wrapper{padding: 0 55px;}
.footerlogo{width: 100%; margin-bottom: 40px;}
.footerinfo{font-size: 18px; width: 100%; max-width: 570px; margin-bottom: 20px; padding-right: 25px;}
.downloadapp{width: 100%;}
.downloadapp ul{width: 100%;}
.downloadapp ul li{display:inline-block;}
.downloadapp ul li img{width: auto; height: 50px;}
.downloadapp ul li{margin-bottom: 0; margin-right: 20px;}
.downloadapp ul li:last-child{margin-right: 0;}

.footer-section h4{font-size: 22px; font-weight: 600; color: #fff;}
.footer-section ul{margin-bottom: 50px;}
.footer-section ul li{font-size: 18px; margin-bottom: 15px;}
.footer-section ul li a{color: #fff;}
.footer-section ul li a:hover{text-decoration: underline;}

.footercopyinfo{border-top:1px rgba(255,255,255,0.2) solid; padding-top: 24px;}
.footersocial{display:block; text-align: right; margin-bottom: 0 !important;}
.footersocial li{display: inline-block; margin-left: 20px;}
.footersocial li:first-child{margin-left: 0;}
.footer-section .footersocial li{margin-bottom: 0;}
.footer-section .footersocial li img{width: 40px; height: auto;}
.footercopyinfo{margin-bottom: 20px;}

.inner-banner{width: 100%; margin-top:122px; height: 400px; border-bottom: 17px solid #6CBFF4; position: relative; text-align: center; background: no-repeat center center; background-size: cover;}
.inner-banner:after{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; content: ''; background:rgba(0,0,0,0.7);}
.inner-banner .container{z-index: 2; position: relative; height: 100%;}
.inner-banner .container .row{height: 100%;}
.inner-banner h1{color: #fff;}
/*.inner-banner:before{position: absolute; bottom: 0; left: 0; width: 100%; height: 17px; z-index: 1; content: ''; background: linear-gradient(180deg, #6CBFF4 0%, #688DF2 100%);}*/
.ourmission{width: 100%; text-align: center; background: #F0F8FD; border-radius:40px; padding: 60px; }
.missionicon{width: 100%; text-align: center; margin-bottom: 60px;}

.teambox{border: 1px rgba(0,0,0,0.3) solid; border-radius:var(--brdrad30); padding: 30px;}
.teamname{position: relative; margin-bottom: 30px;}
.teamname h3{font-size: 28px; margin-bottom: 7px;}
.teamname p{margin-bottom: 0;}
.teamname ul{margin: 0; padding: 0; position: absolute; top:0; right: 0;}
.teamname ul li{display: inline-block; margin-right: 20px;}
.teamname ul li:last-child{margin-right: 0}
.teamimg img{border-radius: var(--brdrad20);}
.teamdetail{margin-bottom: 20px;}

.blogpagetitel{margin-bottom: 60px;}
.blogsearch{width:auto; border:1px #202124 solid; border-radius: 50px; float: right; padding: 10px;}
.blogsearch .searchbox{float: left;padding:10px 5px 2px 30px; background: url("../images/svg/search-icon.svg") no-repeat 0 14px; border: none; outline: none;}
.blogsearch .themebtn{float: left;}
.blogsearch .themebtn-outline{float: left; margin-left: 10px;}

.bloginfo{padding: 60px; border:1px rgba(0,0,0,0.2) solid; border-radius: 16px; height: 100%; }
.blogpostdate{width: 100%; margin-bottom: 16px;}
.blogpostdate span{display:inline-block; border-radius:50px; border: 1px #202124 solid; padding: 13px 20px 13px 53px; background: url("../images/svg/calendar.svg") no-repeat 21px 18px; background-size: 24px;}
.sharebtn ul{display: block;}
.sharebtn li{display: inline-block; margin-right: 30px;}
.sharebtn li:last-child{margin-right: 0;}
.sharebtn li img{width: 60px; height: 60px;}
.blogpostimg{width: 100%; height: 525px;}
.blogpostimg img{border-radius: 16px; object-fit: fill; width: 100%; height: 100%;}
.blogpost{}
.contactinfo{background: #F9F9F9; border:1px rgba(0,0,0,0.2) solid; text-align: center; height: 100%; border-radius: var(--brdrad30); padding: 55px 40px;}
.contacticon{width: 100%; margin-bottom: 24px;}
.contacticon img{width: 100px; height: auto;}
.contacttitle{width: 100%;}
.contactdetial{width: 100%; color: #202124;}
.contactdetial a{color: #202124;}
.contactform{background: #F0F8FD; padding: 60px; border-radius: 16px; height: 100%;}
.contactform label{width: 100%; font-size: 16px; font-weight: bold; color: #000; margin-bottom: 14px;}
.contactform input,.contactform textarea{font-size: 18px; color: #000; width: 100%; border:none; box-shadow: none; padding: 19px 30px; border-radius: 50px; margin-bottom: 25px;}
.contactform textarea{border-radius: 10px; resize: none;}
.contactimg{width: 100%; height: 100%;}
.contactimg img{border-radius: 16px; object-fit: cover; width: 100%; height: 100%;}

.infotextdiv a:hover{color: #000;}
.infotextdiv ul{list-style: disc; margin-left: 21px; margin-bottom: 20px;}

.modal-header h1,.modal-body h4{text-transform: none;}
.modal-body ul{margin-bottom: 30px; list-style: disc;}
.modal-body ul li{margin-left: 22px;}

@media only screen and (max-width: 1660px) {
	:root{
	--sectiongap:130px;
	--sectiongap-sm:85px;
	--brdrad60:50px
	}
	body {font-size:20px;}
	h1 {font-size: 55px;}
	h2 {font-size: 45px;}
	h3 {font-size: 30px;}
	h4 {font-size: 22px;}
	
	
	.username{font-size: 20px;}
	.userimg{width: 85px;}
	.contactform{padding: 50px;}
	.bannerscreen img{width: 90%; max-height: 100%;}
	.blog-thumb{height: 285px;}
}
@media only screen and (max-width: 1400px) {
	:root{
	--sectiongap:120px;
	--sectiongap-sm:80px;
		--brdrad60:40px
	}
	body {font-size:18px;}
	h1 {font-size: 45px;}
	h2 {font-size: 34px;}
	h3 {font-size: 28px;}
	h4 {font-size: 23px;}
	.blog-title h3{font-size: 22px;}
	.btn.theme-btn{font-size: 18px;}
	
	.main-banner{min-height: 720px;}
	.header-info{font-size: 14px;}
	.testiinfo{flex-wrap: wrap;}
	.stars{padding-left: 80px; text-align: left; width: 100%;}
	#faqs .accordion-item{margin-bottom: 20px; padding-bottom: 20px;}
	.blogsearch .themebtn,.blogsearch .themebtn-outline{padding: 8px 12px;}
	.blogsearch .searchbox{width: 240px; padding-top: 8px;}
	.blog-thumb{height: 245px;}
	.contactform{padding: 30px;}
	.blogpostimg{height: 430px;}
}
@media only screen and (max-width: 1199px) {
	:root{
	--sectiongap:110px;
	--sectiongap-sm:75px;
		--brdrad60:35px
	}
	.header-info{font-size: 11px;}
	.main-banner{min-height: 650px;}
	.videoimg {height: 480px;}
	.header-wrapper{padding: 0 20px;}
	.header-info{padding: 10px 20px;}
	.footer-wrapper{padding: 0 20px;}
	.header-menu ul li + li{margin-left: 20px;}
	.textleftpad{padding-left: 30px;}
	
	.blog-thumb{height: 295px;}
	
	
	.footer-section ul img{width: 50px;}
	.footersocial li{margin-left: 20px;}
	#faqs .accordion-item{margin-bottom: 16px; padding-bottom: 16px;}
	.ourmission{padding: 40px;}
	.themebtn, .themebtn-outline{font-size: 16px;}
	.blogsearch .searchbox{width: 160px; background-position: 0 10px;}
	.bloginfo{padding: 30px;}
	.sharebtn li{margin-right:20px; }
	.blogpostimg{height: 310px;}
}
@media only screen and (max-width: 991px) {
	:root{
	--sectiongap:90px;
	--sectiongap-sm:60px;
		--brdrad60:30px;
		--brdrad30:20px;
	}
		body {font-size:16px;}
		h1 {font-size: 45px;}
	h2 {font-size: 34px;}
	h3 {font-size: 26px;}
	h4 {font-size: 23px;}
	.btn.theme-btn{font-size: 16px;}
	.main-banner{min-height: 560px;}
	.header-info{padding: 15px; font-size: 16px; text-transform: none;}
	.header-info .col-sm-12{margin-bottom: 20px;}
	.videoimg {height: 310px;}
	.footersocial li img{width: 36px; height: auto;}
	.ourmission{padding: 30px;}
	.testitext{font-size: 18px;}
	.footer-section ul{margin-bottom: 40px;}
	.teambox{padding: 20px;}
	
	.blogsearch{width: 100%;}
	.blogsearch .searchbox{width: calc(100% - 175px);}
	.blog-thumb{height: 150px;}
	.sharebtn li{margin-right: 15px;}
	.sharebtn li img{width: 40px; height: auto;}
}
@media only screen and (max-width: 767px) {
	:root{
	--sectiongap:60px;
	--sectiongap-sm:60px;
		--brdrad60:25px
	}
	.mt6{margin-top: 30px;}
	.blogpost, .mb6{margin-bottom: 30px;}
	h1 {font-size: 40px;}
	h2 {font-size: 30px;}
	h3 {font-size: 22px;}
	h4 {font-size: 20px;}
	.header-wrapper,.footer-wrapper{padding: 0;}
	.main-banner{min-height: 300px; background-image:url("../images/home-banner-mobile.jpg") !important; padding-top: 100px; border-bottom: 10px #688DF2 solid; padding-bottom: 10px;}
	.textleftpad{padding-left: 0;}
	.textrightpad{padding-right: 0;}
	.videoimg {height: 230px;}
	.faqpad{padding-right: 0;}
	#faqs{margin-top: 30px;}
	#faqs .accordion-button span{width: auto; padding-right: 15px; margin-top: 0;}
	#faqs .accordion-body{padding-left:15px; padding-right: 15px;}
	#faqs .accordion-item{margin-bottom: 16px; padding-bottom: 16px;}
	#faqs .accordion-button{font-size: 20px; padding-left: 0; padding-right: 0;}
	#faqs .accordion-button:after{margin-top: 0;}
	
	.inner-banner{margin-top: 65px; height: 240px;}
	.footersocial{text-align: left;}
	.footer-section ul{margin-bottom: 30px;}
	.footer-section .footersocial li{margin-left: 20px; margin-bottom: 20px;}
	.footer-section .footersocial li:first-child{margin-left: 0;}
	.ourmission{padding: 20px;}
	.missionicon img{width: 100px; height: auto;}
	.missionicon,.title{margin-bottom: 30px;}
	.teamname ul{position: relative; margin-top: 15px;}
	.teamimg{margin-bottom: 20px;}
	.blog-thumb{height: auto;}
	.blogpostimg{margin-top: 30px;}
	.testimonialarrow{margin-bottom: 15px;}
	.testimonialarrow .carousel-control-next, .testimonialarrow .carousel-control-prev{margin-right: 20px;}
	.contactinfo{padding:20px;}
	.testimonials .item{padding: 25px;}
	
	.downloadapp ul li{margin-right: 15px;}
	.downloadapp ul li{max-width: 130px; max-height: 40px;}
	.blogpostimg{height: auto;}
}