
html,
body{height:100%;margin:0;padding:0;font-size:18px;font-family: "Montserrat", sans-serif;font-optical-sizing: auto;font-style: normal;font-weight:400;background:#f2f4f7ff;}
body{padding:20px 0;}
header .row{padding: 10px 20px; background-color: #ffffffff;box-shadow: 2px 2px 20px 0 #00000012;border-radius:15px;}
header .row .col-md-6{padding:0px;}
header .logo{height: 60px; width: 200px; overflow: hidden; position: relative;float: left;}
header .logo img{max-width:100%;width:auto;height:auto;max-height:100%;position:relative;display:block;float:left;}


a.hover{text-decoration:none;}
.bluebtn {width:100%;max-width:315px;float:right;display: block;background: #0038ff;box-shadow: 0 4px 20px rgba(86, 40, 238, 0.15);   line-height: 20px;   padding: 20px;  border-radius: 10px;   color: #fff;   font-weight: 600;   cursor: pointer;font-size:16px;   transition: transform 0.2s ease, background 0.3s ease, box-shadow 0.3s ease;    text-align: center;}
.bluebtn:hover {background-color: #5465FF;height:60px;color:#fff; box-shadow: 0 4px 16px rgba(63, 220, 117, 0.18);text-decoration: none;}
.bluebtn span{margin-left:20px;}
.bluebtn img{width:18px;margin-left:15px;}
.videocontainer{position:relative;display:block;width:100%;padding:50px 0px;text-align:center;}
.videocontainer .bdrbtn{display: inline-block;   font-size: 14px;border-radius:20px;color: #0038ffff;font-weight: 400;padding: 1px 10px 0;opacity: 1;	border:1px #0038ffff solid; line-height: 2em; text-transform: uppercase;text-align: center;}
.videocontainer h2{font-size:48px;    line-height: 1.2em;color:#000;font-weight:700;margin-bottom:0px;}
.videocontainer h2 span{    color: rgb(0, 56, 255);}
.videocontainer h2 i{ display:block;   color: rgb(0, 56, 255);font-style:italic;}
.videocontainer  h4{font-size: 20px;font-weight: 500;color: #667085ff;line-height: 1.3em;text-align:center;margin-top:0px;}
.videocontainer  h4 span{ color: rgb(0, 56, 255);}
.videocontainer .vidsection{max-width:720px;margin:auto;display:block;position:relative;}
.videocontainer .vidsection iframe{width:100%;height:400px;border:0px;display:block;}
.videocontainer .videobox {height:414px;margin-top:10px;box-shadow: 0 20px 20px 2px #00000045;padding: 0; border:10px #0038ffff solid;flex-direction: column;border-radius:22px;justify-content: flex-start; align-items: inherit; flex-wrap: nowrap;}
.videocontainer .videobox .wistia_embed{width:100%;height:100%;}
.freedemo{float: initial;margin: 20px auto;}
.bottomslide{display:block;width:100%;position:relative;height:110px;margin:40px 0 100px;}
.bottomslide:after,
.bottomslide:before{position:absolute;content:"";width:110px;height:136px;z-index:9;top:-15px;}
.bottomslide:after{left:0;background:url(gtransparent1.png);}
.bottomslide:before{right:0;background:url(gtransparent.png);}
.bottomslide .owl-carousel .owl-nav .owl-next, 
.bottomslide .owl-carousel .owl-nav .owl-prev{position: absolute;top: 30%;font-size: 44px !important; font-weight: 600 !important; height: 40px;width: 50px; line-height: 30px !important;}
.bottomslide .owl-carousel .owl-nav .owl-next{right:0;}
.whitebg{padding:20px;box-shadow:0 2px 20px 0 #00000012;position:relative;border-radius:25px;margin: 0;background-color:#fff;}


h2{font-size: 32px;font-weight: 700;margin:15px 0px 5px 0px;padding:0px;text-align:center;}
h3{font-size: 21px;font-weight: 700;margin: 0;padding-bottom: 5px;}
p{font-size:13px;font-weight:600;margin:0px;color: #667085ff;text-align:center;}
.boxul ul{margin:0px;padding:0px;list-style:none;}
.boxul li{border-radius:10px;float:left;box-shadow: 0 2px 5px 0 #00000012;padding: 10px 5px;border:1px #cbd5e0 solid;text-align:center;}
.boxul ul li:first-child{margin-left:0px;}
.icon{width: 50px;height: 50px;padding: 0px;text-align: center;display: block;margin: 10px auto 12px;}
.icon img{width:50px;height:50px;}
.poorquality{margin-bottom:50px;}
.poorquality p{color: #667085ff;}
.poorquality ul{margin:25px 0px 0px 0px;padding:0px;list-style:none;}
.poorquality ul li{width:calc(20.3% - 20px);margin-left:20px;}


.simplesteps {background: url(bluebg.png);background-size: 100% auto; -webkit-background-size: 100% auto; background-repeat:no-repeat;	color:#fff;padding:30px 20px;box-shadow:0 2px 20px 0 #00000012;position:relative;border-radius:25px;margin: 0;}
.simplesteps ul li{width:calc(25.4% - 20px);margin-left:20px;}
.simplesteps  h2,
.simplesteps h3{color:#fff;}
.simplesteps p{color:#cbd5e0;margin-bottom:30px;}
.ourway{padding:0px;margin:100px 0px;}
.ourway ul{margin-top:50px;}
.ourway ul li{background:#fff;width:calc(33.9% - 20px);margin-left:20px;}
.footernav .row{margin:70px -15px 20px -15px;}
.footernav .row .col-md-8,
.footernav .row .col-md-2{padding:0px;}
.footernav h4{font-size: 14px;margin:0px;font-weight: 600;color: #667085ff;}
.footernav ul{margin:0px;padding:0px;list-style:none;}
.footernav ul li{margin: 0; padding: 0;line-height: 18px;}
.footernav ul li a{font-size:14px;text-decoration:none;color:#000;line-height:normal;font-weight:600;}
.footernav ul li a:hover{text-decoration:underline;}
.footerbox{border-radius:15px;margin-top: 40px;margin-bottom: 0;padding: 15px;background-color: #000321ff;box-shadow: 0 2px 20px 0 #00000012;width: 100%;}
.footerbox p{font-size:14px;color:#cbd5e0;float:left;}
.footerbox p.email{color:#cbd5e0;float:right;margin-top:10px;}
.centermodal.modal.in {display:flex !important;}
.centermodal .modal-dialog{margin: auto;}
.fade-scale {transform: scale(0); opacity: 0; -webkit-transition: all .25s linear; -o-transition: all .25s linear; transition: all .25s linear;}
.fade-scale.in {opacity: 1; transform: scale(1);}

.calendarpopup .modal-dialog{    width: 100%;height: 100%; max-height: 735px; max-width: 1070px;}
.calendarpopup .modal-dialog .modal-content{height:100%;}
.calendarpopup .modal-dialog .modal-body{padding:0px;height:100%;overflow:auto;}
.calendarpopup .modal-dialog .modal-body .calendly-inline-widget{height:100% !important;}
.calendarpopup .modal-dialog button.close{position: absolute;width: 30px;height: 30px;background: #db1f1f;right: -7px;z-index: 999;opacity: 1; border-radius: 15px;top: -10px;font-size: 30px;color: #fff;}

@media (max-width:1440px){
     .calendarpopup .modal-dialog { height: 93%;width: 96%; }
}

@media (max-width:1199px){
	.videocontainer h2 {font-size: 36px;}
	.videocontainer h4 {font-size: 16px;margin: auto;max-width: 850px;}
	h2{font-size:26px;}
	h3 {font-size: 16px;}
	p{font-size:12px;}
	.poorquality ul li{height:210px;}
	
	
	
}


@media (max-width:991px){
    .videocontainer h2{font-size: 30px;}
	.boxul ul{display:table;width:100%;}
	.poorquality ul li {height: 245px;}
	.simplesteps{background-size: cover;}
	.simplesteps ul li{height:250px;}
	.simplesteps ul li p{margin-bottom:0px;}
	.footernav ul {margin: 0px 0px 30px 0px;}
	.footerbox{height: 70px;display: table;width: 100%;clear: both;margin: 0;}
	.centermodal.modal.in{padding-right:0px !important;}
	.calendarpopup .modal-dialog {width: 94%;}
}
@media (max-width:767px){
	body{padding:0px;}
	header .bluebtn{display:none;}
	header .logo {float: initial;margin: auto;}
	.videocontainer h2 i{display:inline-block;}
	.videocontainer h2 {font-size: 26px;}
	.videocontainer{padding:50px 0px 0px;}
	.videocontainer .vidsection iframe{height:230px;}
	.bottomslide {height: 75px;margin: 40px 0;}
	.bottomslide:after, .bottomslide:before{display:none;}
	.poorquality ul li,
    .simplesteps ul li,
    .ourway ul li	{height: auto;width: 100%;  margin: 0 0 20px 0; }
	.ourway {padding: 0px 15px;}
	.footernav .row .col-md-8, .footernav .row .col-md-2 {padding: 0px 15px;}
	.footernav .row {margin: 70px -15px 0px -15px;}
	.footerbox p {float: initial;display: block;}
	.footerbox p.email {float: initial;margin-top: 0;}
	.videocontainer .videobox {height: 203px;}
	
	
	
	
}
@media (max-width:320px){
    .videocontainer .videobox {height: 172px;}
}

