/*
font-family: 'Poppins', sans-serif;
font-family: 'Oswald', sans-serif;
font-family: 'Montserrat', sans-serif;
font-family: 'Rubik', sans-serif;
*/


body .site{ padding: 0; margin: 0; box-shadow: none; max-width: none; width: 100%; overflow: hidden; }
footer#colophon{ max-width: none; margin: 0; padding: 0; border-top: none; }
a:link{outline: none !important;}
a:hover{text-decoration: none;}
img.img-fluid{display: block;}
.fancy {line-height: 0.5;text-align: center;overflow:hidden;}
.fancy span {display: inline-block;position: relative;}
.fancy span:before,
.fancy span:after {content: "";position: absolute;height:1px;top:50%;width:273px; background:#27aae2;}
.fancy span:before {right: 100%;margin-right: 15px;width:143px;}
.fancy span:after {left: 100%;margin-left: 15px;}



@font-face {
    font-family: 'coolveticarg';
    src: url('fonts/coolveticarg.eot');
    src: url('fonts/coolveticarg.eot') format('embedded-opentype'),
         url('fonts/coolveticarg.woff2') format('woff2'),
         url('fonts/coolveticarg.woff') format('woff'),
         url('fonts/coolveticarg.ttf') format('truetype'),
         url('fonts/coolveticarg.svg#coolveticarg') format('svg');
}


/*.......Custome Font Start........*/
.custome-font h1{font-family: 'coolveticarg' !important;}
.custome-font h2{font-family: 'coolveticarg' !important;}
/*.......Custome Font End........*/





/*.......Header Start..........*/
.header_nav .hfe-button-wrapper{position: relative; margin-left: 25px;}
.header_nav .hfe-button-wrapper::before{content: '\f003'; font-family: 'FontAwesome'; position: absolute; top: 0; bottom: 0; display: flex; align-items: center; right: auto; left: 26px;
    font-size: 20px; color: #fff;}
/*.......Header End..........*/

/*.......Fooetr Start..........*/
.footer-details-sec .hfe-nav-menu .hfe-menu-item::after { content: '\f105';  font: normal normal normal 14px / 1 FontAwesome; color: #595959; position: absolute; left: 0; top: 7px;
 opacity: 1 !important; background: transparent !important;}
.footer-details-sec .hfe-nav-menu .hfe-menu-item {position: relative;padding-left: 17px !important;}

.newsletter form .ginput_container input[type="email"]{border-radius: 3px; height: 55px; border: solid 1px #B0AFAF;}
.newsletter form .ginput_container input[type="email"]::placeholder{color: #787878; font: 400 14px 'Roboto' !important;}
.newsletter form .gform_footer input[type="submit"]{background: #00AEEF !important; color: #fff; font: bold 22px/24px 'Roboto' !important; width: 100% !important; border-radius: 3px; height: 62px !important;}
.newsletter form .gform_footer input[type="submit"]:hover{background: #154187 !important; transition: .5s;}
.newsletter .gform_footer{margin-top: 15px !important;}
/*.......Header End..........*/



/*.......Home Start........*/
.display_services-box .display_services-img{position: relative;}
.display_services-box .display_services-content{position: absolute; bottom: 0; left: 0; right: 0;text-align: center; z-index: 999;}
.display_services-box .display_services-content h2{color: #ffff; font: 400 26px/36px 'coolveticarg';}
.display_services-box .shopnow-buttons a{color: #fff; display: inline-block; font: 300 16px / 24px 'Roboto'; border: solid 1px #fff; border-radius: 5px; padding: 7px 23px; margin-bottom: 32px;
    margin-top: 8px;}
.display_services-box .shopnow-buttons a:hover{background-color: var(--e-global-color-accent); border-color: var(--e-global-color-accent); transition: .5s;}
.display_services-box .display_services-img::before{content:''; background: #0000001c; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 10px; z-index: 99;}
.display_services-box .display_services-img img{max-width: max-content; border-radius: 8px;}

.display_testimonial .display_testimonial-content{text-align: center;}
.display_testimonial .display_testimonial-content .testi-cnt{color: var(--e-global-color-daa8238); font:300 25px/39px 'Roboto'; padding-bottom: 20px;}
.display_testimonial .display_testimonial-content  .testi-title{color: var(--e-global-color-daa8238); font:400 25px/39px 'Roboto'; position: relative; width: 345px;     margin: 0 auto;}
.display_testimonial .display_testimonial-content  .testi-title::before{content: ''; background:     var(--e-global-color-daa8238); width: 40px; height: 1px; position: absolute; left: 0; top:20px; bottom: 0;}
.display_testimonial .display_testimonial-content  .testi-title::after{content: ''; background:     var(--e-global-color-daa8238); width: 40px; height: 1px; position: absolute; right: 0; top:20px; bottom: 0;}

.display_blog_list .display_blog-date{width: 219px; text-align: center; margin: auto; background: #B2E4F7; border-radius: 4px; font:400 18px/28px 'Roboto'; color: color: var(--e-global-color-secondary); padding: 11px 0; margin-top: -20px; z-index: 9; position: relative; margin-bottom: 25px;}
.display_blog_list .blog-title{color: #6D6D6D; font:500 20px/30px 'Roboto'; text-align: center;}
.display_blog_list .blog-cnt{color: #6D6D6D; font: 400 18px / 28px 'Roboto'; text-align: center;     padding-bottom: 10px;}
.display_blog_list .display_blog-img, .display_blog_list .blog-btn{text-align: center;}
.display_blog_list .blog-btn a{background: var(--e-global-color-accent); color: #fff; display: inline-block; border-radius: 6px; font:600 17px/30px 'Roboto'; padding: 14px 55px 14px 40px;}
.display_blog_list .blog-btn:after{}
.display_blog_list .blog-btn a:hover{background: var(--e-global-color-primary); transition: .5s;}


.get_in_touch_form .gform_title{color: var(--e-global-color-daa8238); font:900 48px/62px 'Roboto';     text-transform: uppercase; margin-bottom: 35px;}
.get_in_touch_form legend, .get_in_touch_form .gform-field-label{display: none !important;}
.get_in_touch_form .ginput_container input{height: 73px !important; border: solid 1px #9A9A9A !important; border-radius: 3px !important; box-shadow: none !important; font:300 16px/30px 'Roboto' !important; color: #9A9A9A !important;}
.get_in_touch_form .ginput_container textarea{height: 149px !important; border: solid 1px #9A9A9A !important; border-radius: 3px !important; box-shadow: none !important; font:300 16px/30px 'Roboto' !important; color: #9A9A9A !important;}
.get_in_touch_form .ginput_container input::placeholder, .get_in_touch_form .ginput_container textarea::placeholder{font:300 16px/30px 'Roboto'; color: #9A9A9A; }
.get_in_touch_form .gform_footer input[type="submit"]{font:bold 26px/30px 'Roboto' !important; text-transform: uppercase !important; background: var(--e-global-color-accent) !important; color: #fff; padding: 22px 36px !important; border-radius: 5px !important; margin-top: 20px !important;}
.get_in_touch_form .gform_footer input[type="submit"]:hover{background: var(--e-global-color-primary) !important; transition: .5s;}
/*.......Home End........*/

/*.......Contact Start........*/
.cnt_details a{color: var(--e-global-color-text);}

.contactus_form legend, .contactus_form .gform-field-label{display: none !important;}
.contactus_form .ginput_container input{height: 65px !important; border: solid 1px #DBEDF5 !important; border-radius: 10px !important; box-shadow: none !important; font:300 15px/30px 'Roboto' !important; color: #787474 !important;}
.contactus_form .ginput_container textarea{height: 180px !important; border: solid 1px #DBEDF5 !important; border-radius: 10px !important;  min-block-size: auto !important; box-shadow: none !important; font:300 15px/30px 'Roboto' !important; color: #787474 !important;}
.contactus_form .ginput_container input::placeholder, .contactus_form .ginput_container textarea::placeholder{font:300 15px/30px 'Roboto'; color: #787474;}
.contactus_form .gform_footer input[type="submit"]{font:bold 24px/30px 'Roboto' !important; text-transform: uppercase !important; background: #595959 !important; color: #fff; padding: 22px 55px !important; border-radius: 50px !important; margin-top: 20px !important;}
.contactus_form .gform_footer{justify-content: center;}
.contactus_form .gform_footer input[type="submit"]:hover{background: var(--e-global-color-primary) !important; transition: .5s;}
/*.......Contact End........*/


/*......Blog Page start.....*/
.postBox .post-img{width:100%; position:relative;overflow:hidden;}
.postBox .PostCon{margin: 0px 0px 60px 0px;}
.postBox .post-title{font-weight:600; font-family:"Roboto"; font-size: 26px; color: #000; line-height: 36px; margin-top: 36px;}
.postBox .post-date{margin:10px 0px 8px 0px;color: #7b7b7b;font:400 16px/24px 'Roboto';}
.postBox .post-cnt{font:300 15px/25px 'Roboto'; color: #807C7C; margin-bottom: 10px;}
.postBox a{font-weight:400; background-color: #00AEEF; color: #fff;font-family:"Roboto";text-transform: uppercase; padding: 14px 45px; text-align: center;font-size: 15px;border-radius: 30px; font-weight:bold; display:inline-block;}
.postBox a:hover{background:#131e40;}
.postBox .post-img img{border-radius: 0px; box-shadow: 6px 1px 22px #e2e2e2;}
.postBox .col-sm-6{padding-right: 18px;padding-left: 18px;}

ul.postBox-page{position:relative;display:flex;justify-content:center;list-style-type:none;}
ul.postBox-page li a{width:42px;height:42px;position:relative;display:inline-block;text-align:center;font: 400 16px/42px 'Roboto';color: #444343;border: solid 1px #7d7d7d;margin-right:-1px;transition:all 500ms ease-in-out;}
ul.postBox-page li a:hover,ul.postBox-page li.active a{background:#087cdd;color:#ffffff;border:1px solid #087cdd;}

.blog-details h2{color: #000; font:600 30px/40px 'Roboto'; padding: 30px 0 30px 0;}
.blog-details h3{color: #000; font:500 22px/32px 'Roboto'; padding-top: 40px;}
.container.blog-details {
    max-width: 1200px;
    padding-bottom: 50px;
    padding-left: 15px;
    padding-right: 15px;
}
.blog-details p{color: #000; font:300 15px/25px 'Roboto';}
/*......Blog end.....*/

.elementor-element.studio_block{overflow:hidden; border-radius:8px;}
.elementor-element.studio_block .elementor-image-box-img{margin:0 0 -62px !important;}
.elementor-element.studio_block .elementor-image-box-content{background-color:#30b8e7e8;padding:12px;position:relative; z-index:1;}
.elementor-element.studio_block .elementor-image-box-content > h3{margin:0; padding:0;font-family: 'coolveticarg' !important;}


/* Responsive
=================================*/

@media (min-width: 1460px) {
    .container{max-width: 1430px;}
}
@media (min-width: 992px) and (max-width: 1199px) {

}
@media (min-width: 768px) and (max-width: 991px) {

}
@media (min-width: 768px) {
	
}
@media (max-width: 767px) {
	.software-img{position: relative !important;}
	
    .postBox .post-title{font-size: 24px; line-height: 28px;}
	.blog-details h2{font: 600 24px / 30px 'Roboto'; padding: 30px 0 10px 0;}
	.newsletter form .gform_footer input[type="submit"]{font: bold 20px / 24px 'Roboto' !important; height: 56px !important;}
	
	.postBox .post-title{text-align: left;}
	.postBox .post-date{text-align: left;}
	.post-cnt p{text-align: left;}
	.PostCon{text-align: left;}
	.PostBox .PostCon {
    text-align: left;

}
} 

@media (min-width: 1073px) and (max-width: 1366px) {
	.software_abt_img{right: 23px !important; bottom: 50px !important;}
}
@media (min-width: 401px) and (max-width: 579px) {

}
@media (max-width: 400px) {
   
}

@media (min-width: 320px) and (max-width: 767px){
.get_in_touch_form .ginput_container input{height: 55px !important;}	
.imagebox .elementor-widget-container img{margin-bottom:20px;}
.contactus_form  #gform_fields_2{grid-row-gap: 12px;}
.contactus_form .gform_footer input[type="submit"] {font-size:18px !important; padding: 13px 30px !important;}
.display_blog_list .row .col-md-4{padding:20px 0;}
.get_in_touch_form .gform_title{text-align:center;font-size:35px;}
.get_in_touch_form .gform_footer{justify-content:center; }
.display_blog_list .blog-btn a {padding: 14px 35px; text-align:center:}
.gform-theme--foundation #gform_fields_2{grid-row-gap: 14px;}
.colorbar{background-color:#E2F7FF;}
.display_testimonial .display_testimonial-content .testi-cnt {font-size:16px; padding-bottom: 20px;line-height:34px;}
.get_in_touch_form .gform_footer input[type="submit"] {font: bold 18px / 30px 'Roboto' !important;padding: 15px 25px !important;}
#input_2_5{min-block-size: 20px;}
.display_services-list .owl-theme .owl-dots .owl-dot span{margin:25px 7px;}
}
@media (min-width: 992px) and (max-width: 1024px){
.centerbox .elementor-column-gap-default{justify-content:center;}
.colorbar{background-color:#E2F7FF;}
	}
@media (min-width: 768px) and (max-width: 992px){
.centerbox .elementor-column-gap-default{justify-content:center;}
.elementor-column-gap-default .centerbox{justify-content:center;}
.get_in_touch_form .gform_title{text-align:center;font-size:40px;margin-top: 35px;}
.get_in_touch_form .ginput_container input {font-size:14px !important;}
.get_in_touch_form #gform_fields_2{grid-row-gap: 20px;}
.get_in_touch_form .gform_footer{padding: 15px 25px !important;font-size:20px;justify-content:center;}
.display_blog_list .row .col-md-4{flex: 0 0 50%; max-width:50%; padding:20px;}
.display_blog_list .row{justify-content:center;}
.display_blog_list .blog-btn a {padding: 14px 45px;text-align:center:}
.colorbar{background-color:#E2F7FF;}
.display_services-list .owl-theme .owl-dots .owl-dot span{margin:25px 7px;}
}


