@import url('/assets/css/custom.css');

/* predefine CSS  START*/
body{line-height:normal!important; }
.master_front{color:var(--Black);background:var(--White);}
.FontSize {font-size: 40px; letter-spacing: normal;}
.ThemeFont{font-family:var(--ThemeFont)!important;}
.ThemeFontTwo{font-family:var(--ThemeFontTwo)!important; font-weight:700;}
.BlackColor{color:var(--Black)!important;}
.ThemeColor{color:var(--ThemeColor)!important;}
.ThemeColorTwo{color:var(--ThemeColor2)!important;}
.ThemeColorThree{color:var(--ThemeColor3)!important;}

.ThemeTitle{float:left; width:100%;}

font{display:inline-block; line-height: normal;}

*{text-decoration:none!important}
a:hover{text-decoration:none!important;}
a:visited{color:var(--Black)}
a{color:var(--Black)}
input:focus{box-shadow:none;}
* { box-sizing: border-box }
a {text-decoration: none! important; color:inherit!important;}
i {cursor: pointer; line-height:1.5; padding:5px;}
i:hover {transform:  scale(1.5);}
html, body {padding:0; margin:0;}
input [type=text], select {width: 100%; padding: 12px 20px;margin: 8px 0; display:block; border: 1px solid #ccc; border-radius: 4px;}
textarea {width: 100%; height: 158px; padding: 12px 20px;box-sizing: border-box; border: 2px solid #ccc; border-radius: 4px; font-size: 16px; resize: none;}
input [type=submit] {width: 100%; background-color: #000; color: white; padding: 12px 20px; margin: 8px 0;border: none; border-radius: 4px; cursor: pointer;}

.img{width:auto; }

h1, h2, h3, h4, h5, h6, p {font-family: var(--ThemeFont);}
.relative {position:relative;}

.row-flex{align-content:center;}


.sacol .row{margin-left:-7px!important; margin-right:-7px!important;}
.sacol .col-xs-1, .sacol .col-sm-1, .sacol .col-md-1, .sacol .col-lg-1, .sacol .col-xs-2, .sacol .col-sm-2, .sacol .col-md-2, .sacol .col-lg-2, .sacol .col-xs-3, .sacol .col-sm-3, .sacol .col-md-3, .sacol .col-lg-3, .sacol .col-xs-4, .sacol .col-sm-4, .sacol .col-md-4, .sacol .col-lg-4, .sacol .col-xs-5, .sacol .col-sm-5, .sacol .col-md-5, .sacol .col-lg-5, .sacol .col-xs-6, .sacol .col-sm-6, .sacol .col-md-6, .sacol .col-lg-6, .sacol .col-xs-7, .sacol .col-sm-7, .sacol .col-md-7, .sacol .col-lg-7, .sacol .col-xs-8, .sacol .col-sm-8, .sacol .col-md-8, .sacol .col-lg-8, .sacol .col-xs-9, .sacol .col-sm-9, .sacol .col-md-9, .sacol .col-lg-9, .sacol .col-xs-10, .sacol .col-sm-10, .sacol .col-md-10, .sacol .col-lg-10, .sacol .col-xs-11, .sacol .col-sm-11, .sacol .col-md-11, .sacol .col-lg-11, .sacol .col-xs-12, .sacol .col-sm-12, .sacol .col-md-12, .sacol .col-lg-12 {
  padding-right: 7px!important;
  padding-left: 7px!important;}
  
.no_container{padding:0!important}
.container{max-width:1320px!important; width:100%!important; margin:0 auto; padding:0 15px;}
.container_fluid{width:100%; padding:0 15px;}
.container_fluid_mod{padding:0 15px; max-width:1920px; margin:0 auto;} 

.--transition-ease {
	transition: all 0.2s ease-in 0s;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
  }
	
	
	h2.ThemeFont { border: none;}

/* predefine CSS END*/

/* predefine buttons start */

.button {width:100%; text-align: center; background:black; color:white; padding:10px; cursor:pointer; font-size:16px; text-align:center; border:none; border-radius:25px; } 

.tbtn-theme { background-color: var(--ThemeColor);border: var(--ThemeColor); color:var(--White)!important; }
.tbtn-theme i{color:var(--White)!important;}
.tbtn-theme svg{fill:var(--White)!important;} 
.tbtn-theme:hover, .tbtn-theme:focus {background-color: var(--ThemeColor);border: var(--ThemeColor);color:var(--White);} 

.tbtn-border{border:1px solid #fff!important;}
.tbtn-border:hover, .tbtn-border:focus{border:1px solid #fff!important;}

.tbtn-black {background-color: var(--Black);border:var(--ThemeColor); color:var(--White)!important; }
.tbtn-black i{color:var(--White)!important;}
.tbtn-black svg{fill:var(--White)!important;} 
.tbtn-black:hover, .tbtn-black:focus {background-color: var(--Black);border: 1px solid #fff!important; color:var(--White);} 

.tbtn-white {background-color: var(--White);border: 1px solid var(--ThemeColor)!important; color:var(--Black)!important; }
.tbtn-white i{color:var(--Black)!important;}
.tbtn-white svg{fill:var(--Black)!important;} 
.tbtn-white:hover, .tbtn-white:focus {background-color: var(--White);border: 1px solid var(--ThemeColor)!important; color:var(--Black);} 


.tbtn { 
  display: inline-block;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  border-radius: var(--Radius)!important; 
  border:none;
}


.tbtn-lg {
	padding: 8px 20px !important;
	font-size: 18px !important;
}

.tbtn-md {
	padding: 6px 15px !important;
	font-size: 16px !important;
}

.tbtn-sm {
	  padding: 6px 15px !important;
    font-size: 14px !important;
    border-color: #d3d3d3 !important;
    border-radius: 5px !important;
}
.button_icon svg { height: 20px; width: 20px; fill: var(--White) !important; display: inline-flex; align-items: center;   justify-content: center;   margin-left: 7px; }
.slider_left_text .tbtn {display: inline-flex}

.hero-text .tbtn svg { display: inline-flex;}
.button_icon i:hover { transform: none;}
.button_icon { display: inline-block;}
.fl-100 {float:left; width:100%;}



/* predefine button start */


.themeheader { 
	z-index: 99; background:var(--White); box-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);
	-webkit-transition: background .5s ease-in-out, padding .5s ease-in-out;
	-moz-transition: background .5s ease-in-out, padding .5s ease-in-out;
	-ms-transition: background .5s ease-in-out, padding .5s ease-in-out;
	-o-transition: background .5s ease-in-out, padding .5s ease-in-out;
	transition: background .5s ease-in-out, padding .5s ease-in-out;
}

.master_front .sticky_header { position: fixed !important; top: 0;}
.master_front .sticky_header .logo_nav_outer_area { padding: 0px !important;}

.header_logo_area{position:relative; z-index:10!important; overflow:hidden; top:0; display:inline-block; }

.header_logo_area img {display:inline-block; width: 75px;
	-webkit-filter: drop-shadow(3px 3px 4px #000000);
    filter: drop-shadow(0px 0px 3px #00000050); 
-webkit-transition: width .5s  ease-in-out;
-moz-transition: width .5s  ease-in-out;
-o-transition: width .5s  ease-in-out;
transition: width .5s  ease-in-out;}


.themeheader .nav a {font-size:16px; color: #494d54 !important;}
.mobile_menu button { background: none; border: none; padding: 0; }
.mobile_menu_toggle { max-width: 30px;}
.desktop_hide { display: none;}

.mobile_menu ul.nav li { display: block; width: 100%;}
.slider_outer { position: relative;}
.slider_outer:before { content: ""; position: absolute; height: 100%; width: 100%; top: 0; left: 0; background: linear-gradient(90deg, rgba(185, 182, 242, 1) 0%, rgba(200, 191, 255, 0.77) 35%, rgba(27, 22, 100, 0.21) 100%); z-index: 1; }
.slider_outer .carousel-caption { text-align: left; right: 0; left: 0; top:0;z-index: 9;    padding-top: 0px; padding-bottom: 0px;}
.slider_left_text h1 { font-size: 48px; font-weight: bold; }
.slider_left_text span { font-size:26px;}
.slider_left_text p { font-family: var(--ThemeFontTwo); color: var(--Black); font-size:20px; color:var(--Black);}

.row_flex_align { display: flex ; align-items: center; flex-wrap: wrap;}
.slider_right_img img { max-width: 100%;}
/* Slider css end here */


/* about css start here */
.about_outer { padding: 70px 0;}
.about_inner_text h2 { text-align: center; border: none; max-width: 800px; margin: auto;  }

/* about css end here */

/* laptop sec css start here */

.laptop_sec_outer { padding: 50px 0 40px; background: #f1f0ff; overflow:hidden;}
.laptop_inner_text {   background-size: contain;   min-height: 500px;   background-position: center;   background-repeat: no-repeat; display: flex;   align-items: center;   justify-content: center;   flex-wrap: wrap; z-index:1; position:relative;}
.laptop_inner_text h3 {font-size: 32px;}
.laptop_text_outer { max-width: 400px; margin: auto; text-align: center;position: relative;top: -15px;}
.laptop_abso_inner {   position: absolute;   height: 100%;   width: 100%;   opacity: 0.2;   top: 0;   left: 0;   bottom: 0;   right: 0; pointer-events: none;}
/* laptop sec end here */


/* accordion sec starts here */

.accordion_sec_outer { padding: 50px 0;}
.accordion_right_img img { max-width: 100%;}
.accordion_sec_outer .accordion-item { border-bottom: 1px solid #e6e1e1 !important;}

/* accordion sec end here */


/* icon box outer css start here */

.icon_box_outer { padding: 0px 0 70px; }
.icon_box_outer .card-body {position: relative; text-align: center;}
.icon_box_outer .card-body .card_icon img {background: #f1f0ff; padding: 8px; max-width: 50px;   border-radius: 6px;   margin: 0 auto 10px; }
.icon_box_outer .card { height: 100%; background: linear-gradient(39deg,rgba(233, 232, 255, 1) 0%, rgba(255, 255, 255, 1) 19%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 79%, rgba(233, 232, 255, 1) 100%);}
.card-title { float:left; width:100%; font-family: var(--ThemeFont);   font-size: 1.2rem;   font-weight: 600;   padding: 8px 0 0; min-height: 46px;}


/* icon box outer css end here */

/* footer style css */

.footer_section {   float: left;   width: 100%;   padding: 50px 0 0;   background: #f9f7f7; }
.footer_logo_outer { width: 100%; float: left; padding-bottom: 30px;}
.footer_logo_outer .footer_logo { max-width: 130px; margin: auto; display: block;}
.footer_logo_outer .footer_logo img { max-width: 100%;}
.footer_section_bg { text-align: left;}
.footer_section .footer_title {   font-size: 20px;   color: var(--ThemeColor);   font-family: var(--ThemeFont);   padding-bottom: 10px; font-weight: 500;}
.footer_section ul {padding-left: 0px;}
.footer_section li { list-style: none; margin-bottom: 10px;}
.footer_contact_inner a { display: inline-block; margin-bottom: 8px;}
.newsletter_area_main .flex_input_group {   max-width: 100%;   float: none;   margin: 0 auto 40px;   position: relative;   width: 100%;   box-shadow: none;   display: flex;   background: #fff; border: 1px solid #eee; border-radius: 10px;}
.newsletter_area_main .flex_input_group input {background: var(--White);   color: #000;   border-radius: 10px !important;   box-shadow: none;   height: 45px;   margin-bottom: 0px;   display: inline;   border: none;}
.newsletter_area_main .flex_input_group .input_last { background: var(--ThemeColor); border-radius: 10px !important; padding: 0 20px;border: 1px solid var(--ThemeColor) !important;}
.newsletter_area_main .flex_input_group .input_last:hover{border:1px solid var(--ThemeColor) !important;}
.footer_copyright {   padding: 20px 0;   background: var(--White);   text-align: center; border-top: 1px solid #ececec; margin-top: 30px;}
.footer_copyright p {margin-bottom:0px;}
/* media query start here */


@media only screen and (max-width: 1199px) 
{
	.mobile_hide { display: none;}
	.desktop_hide { display: block;}
	.mobile_header_logo_area {   width: 100% !important;   display: flex;   justify-content: center; }
		.master_front .sticky_header { position: relative !important; }
	.master_front .sticky_header .logo_nav_outer_area {padding-top: .5rem !important; padding-bottom: .5rem !important;}
	.footer_row_style > div { width: 100% !important;}
		.footer_section .footer_title {text-align:center; margin-top: 20px;}
	.footer_about_inner { max-width: 400px; margin: auto; width: 100%;}
	.footer_section_bg { text-align: center;}
	.newsletter_area_main .flex_input_group { max-width: 500px; }
	.footer_logo_outer {padding-bottom: 10px;}
}

@media only screen and (max-width: 991px) 
{
	.slider_outer .carousel-caption {position: relative;}
	.slider_outer::before {display:none;}
	.slider_left_text { text-align: center; padding: 40px 0px;}
	.slider_right_img { max-width: 560px; margin: auto;}
	.dropdown_left_sec {text-align: center;}

}

@media only screen and (max-width: 768px) 
{
	.slider_left_text h1 {font-size: 32px;}
	.FontSize {font-size: 30px;}
	.laptop_inner_text h3 {font-size: 20px;}
	.slider_left_text span {font-size: 20px;}
	.laptop_text_outer {max-width: 250px;top: -12px;}
	.laptop_text_outer br{display:none;}
	.laptop_inner_text {min-height: 350px;}
	.about_outer, .laptop_sec_outer {padding: 30px 0;}
}


@media only screen and (max-width: 578px) 
{

	.laptop_inner_text h3 {font-size: 16px;}
	.tbtn-lg {font-size: 16px !important;}
	.newsletter_area_main .flex_input_group {display: block; background: transparent;}
	.newsletter_area_main .flex_input_group input {margin-bottom: 10px;}

}
/* media query end here */