.elementor-84987 .elementor-element.elementor-element-7c62514b{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:11px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-84987 .elementor-element.elementor-element-7c62514b > .elementor-shape-top .elementor-shape-fill, .elementor-84987 .elementor-element.elementor-element-7c62514b > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#FFFFFF;}.elementor-84987 .elementor-element.elementor-element-7c62514b > .elementor-shape-top svg, .elementor-84987 .elementor-element.elementor-element-7c62514b > .e-con-inner > .elementor-shape-top svg{width:calc(100% + 1.3px);height:46px;}.elementor-84987 .elementor-element.elementor-element-63302ab3{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;font-family:"Poppins", Sans-serif;font-size:24px;font-weight:400;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#FFFFFF;}.elementor-84987 .elementor-element.elementor-element-925c887{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:30px 0px 50px 0px;}.elementor-84987 .elementor-element.elementor-element-925c887 .elementor-countdown-wrapper{max-width:60%;}body:not(.rtl) .elementor-84987 .elementor-element.elementor-element-925c887 .elementor-countdown-item:not(:first-of-type){margin-left:calc( 20px/2 );}body:not(.rtl) .elementor-84987 .elementor-element.elementor-element-925c887 .elementor-countdown-item:not(:last-of-type){margin-right:calc( 20px/2 );}body.rtl .elementor-84987 .elementor-element.elementor-element-925c887 .elementor-countdown-item:not(:first-of-type){margin-right:calc( 20px/2 );}body.rtl .elementor-84987 .elementor-element.elementor-element-925c887 .elementor-countdown-item:not(:last-of-type){margin-left:calc( 20px/2 );}.elementor-84987 .elementor-element.elementor-element-925c887 .elementor-countdown-item{border-style:solid;border-width:1px 1px 1px 1px;border-radius:25px 25px 25px 25px;}.elementor-84987 .elementor-element.elementor-element-925c887 .elementor-countdown-digits{font-size:50px;}@media(max-width:767px){.elementor-84987 .elementor-element.elementor-element-63302ab3{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-size:13px;}.elementor-84987 .elementor-element.elementor-element-925c887{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:20px 20px 20px 20px;}.elementor-84987 .elementor-element.elementor-element-925c887 .elementor-countdown-wrapper{max-width:100%;}}/* Start custom CSS */@media (max-width: 480px) {
.hf .iteck-contact-shortcode .wpcf7-submit{
    margin-left:0px !important;
}
.bsection .hf .iteck-contact-shortcode .wpcf7-submit{
    margin-left:15px !important;
}
.paperb3{
    zoom:80%;
}
.msection{
    zoom:80%;
}
.mhead{zoom:75%;
    
}
.ccnt{
    zoom:50%;
}
.cbtn2{
    text-align:right;    
    color:#fff;
    background: #800000;    
    padding:10px 15px;
    margin-left:45% !important;
}
body{
    overflow-x:hidden;
}

.qbox{
    height:100% !important;
    padding-bottom:20px !important;
}
}
::-webkit-scrollbar {
    width: 8px;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 8px #1D5E81;
}
 
::-webkit-scrollbar-thumb {
  background-color: #36a6dc;
  outline: 1px solid #1D5E81;
}
.ctabox{
    background: transparent linear-gradient(90deg, #051C2C 0%, #38AAE1 100%) 0% 0% no-repeat padding-box;
opacity: 1;
}
.ctabox2{
    background:#fff;

}
body {
overflow: -moz-scrollbars-horizontal;
overflow-x: hidden;
overflow-y: auto;
}
@media screen and (min-width: 320px) and (max-width: 450px) {

.fq h3 {
    line-height:28px;
    color:#800000;
    border-left: 4px solid #FF8800;
    padding-left:8px;
}
}
.headerDivider {
     border:1.5px solid #dde0e3; opacity:0.7;
     height:150px;
     position:absolute;

     top:10px; 
}
.headerDivider1 {
     border-right:1.5px solid #dde0e3; opacity:0.7;
     height:150px;
 position:absolute;   
     top:10px; 
     margin-left:80%;
}

#h1b {
    color:#000000;
}

table {
      width: 100%;
      border-collapse: collapse;
 box-shadow: 0 7px 15px 0 rgba(0, 0, 0, .13), 0 1px 4px 0 rgba(0, 0, 0, .11);
      
    }
    
    th {
      padding: 8px;
      text-align: left;
      border: 2px solid #ddd;
      background:#800000 !important;
      color:#fff;
    }
    td {
      padding: 8px;
      text-align: left;
      border: 2px solid #ddd;
    }
    /* Apply alternate row background colors */
    tbody tr:nth-child(even) {
      background-color: #93d5f0;
    }
    
    tbody tr:nth-child(odd) {
      background-color: #D4EEF9;
    }
    /* Apply different styling for small screens */

    /* Apply different styling for small screens */
   
.line-break {
 white-space: pre-wrap;
}
.fq1:hover{
    color:#fff !important;
}
.fq1 a{
    color:#000 !important;
    font-weight:600 !important;
}

.fq1 h3 :hover{
    color:#fff !important;
}
.bcontent li {
	list-style-type: none!important;
}
.bcontent li {margin-bottom: 15px !important;
    font-size: 17px!important;
    font-family: Inter;
    font-weight: 400!important;
    color: #fff;
}

.bcontent ul.ibm-s li:before {
	font-size: 38px;
	vertical-align: middle;
}

.bcontent ul.ibm-s li:before {
	color: #38AAE1;
	content: "\f3fd";
	display: inline-block;
	font-family: 'ionicons';
	margin-left: -28px;
	width: 28px;
	font-weight:700;
}

.bcontent ul.ibm-s li {
	line-height: 28px;	
	padding: 0px 0 0px 5px;
}
.cta {
    
box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
margin-top:-35px;
overflow:hidden;
}
.ctabox{
    background: transparent linear-gradient(93deg, #051C2C 0%, #042865 100%) 0% 0% no-repeat padding-box;
opacity: 1;
}
.wpcf7-not-valid-tip {
    color: #dc3232;
    /* font-size: 1em; */
    /* font-weight: normal; */
    display: block;
    border: 2px solid #dc3545;
    font-size: 12px !important;
    margin: 5px 0px 20px 0px;
    font-weight: 500 !important;
    background-color: white;
}
.cform .wpcf7-submit {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 20px;
    margin-top: -10px;
    color: #FFFFFF;
    background-color: #27AAE1 !important;
    border-style: solid;
    border-width: 2px !important;
    border-color: #FFFFFF;
    width: 100%;
    padding:12px 5px;
    border-radius:10px;
}
.cform .wpcf7-submit:hover {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 20px;

    color: #f58120;
    background-color: #fff;
    border-style: solid;
    border-width: 2px;
    border-color: #f58120 !important;
    width: 100%;
}

.cform input:not([type="submit"], [type="checkbox"]), .elementor-57062 .elementor-element.elementor-element-5351c9b6 .iteck-contact-shortcode select, .elementor-57062 .elementor-element.elementor-element-5351c9b6 .iteck-contact-shortcode textarea {
border:0px !important;
    /* border-color: #800000; */
    background: #f2f5fa;
}

.hform{
    display:flex;
}
.cform .field{
    padding-left:10px;
}
.ctabox1{
    background: transparent linear-gradient(93deg, #051C2C 0%, #042865 100%) 0% 0% no-repeat padding-box;
opacity: 1;

}
button {
  font-size: 2em;
  background: #27AAE1;
  color: #fff;
  border: 0.25rem solid #3498db;
  padding: 0.85em 0.75em;
  margin: 1rem;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
button:hover {
  color: #3498db;
}
button::after {
  content: "";
  background: #ecf0f1;
  position: absolute;
  z-index: -1;
  padding: 0.85em 0.75em;
  display: block;
}
button[class^="slide"]::after {
  transition: all 0.35s;
}
button[class^="slide"]:hover::after {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transition: all 0.35s;
}
button.slide_from_left::after {
  top: 0;
  bottom: 0;
  left: -100%;
  right: 100%;
}
.qbox{
    padding:2px 20px 20px 20px;
    border-radius:0px 40px 0px 40px;
    border:2px solid #800000;
    height:100% !important;
}
.qbox:hover{
    border-radius:40px 0px 40px 0px;
    border:2px solid #800000;
    background: transparent linear-gradient(93deg, #051C2C 0%, #042865 100%) 0% 0% no-repeat padding-box;
    color:#000 !important;

}
.qbox:hover p{
    color:#000 !important;
}
.qbox:hover h3{
    color:#fff !important;
}
.qbox:hover li{
    color:#fff !important
}
.qbox h3 {
    font-family: sans-serif;
  font-size: 20px;font-weight:550;
  line-height:24px;
  color:#800000;
}
.qbox li {
	list-style-type: none!important;
}
.qbox li {margin-bottom: 15px !important;
    font-size: 17px!important;
    font-family: Inter;
    font-weight: 400!important;
    color: #000;
}

.qbox ul.ibm-s li:before {
	font-size: 38px;
	vertical-align: middle;
}

.qbox ul.ibm-s li:before {
	color: #800000;
	content: "\f3fd";
	display: inline-block;
	font-family: 'ionicons';
	margin-left: -20px;
	width: 28px;
	font-weight:700;
}

.qbox ul.ibm-s li {
	line-height: 28px;	
	padding: 0px 0 0px 5px;
}
#qbox1 h3{
    font-size: 20px;font-weight:500;
  line-height:24px;
  color:#800000;
  border-left:15px solid #800000;
 border-right:2px solid #800000;
 border-top:2px solid #800000;
 border-bottom:2px solid #800000;
  padding:8px 10px;
}
#qbox1 h2{
    font-size: 30px;font-weight:550;
  line-height:36px;
  color:#800000;
  border-left:15px solid #800000;
 border-right:2px solid #800000;
 border-top:2px solid #800000;
 border-bottom:2px solid #800000;
  padding:8px 10px;
}
.bcontent2 li {
	list-style-type: none!important;
}
.bcontent2 li {margin-bottom: 15px !important;
    font-size: 17px!important;
    font-family: Inter;
    font-weight: 400!important;
    color: #000;
}

.bcontent2 ul.ibm-s li:before {
	font-size: 38px;
	vertical-align: middle;
}

.bcontent2 ul.ibm-s li:before {
	color: #800000;
	content: "\f3fd";
	display: inline-block;
	font-family: 'ionicons';
	margin-left: -20px;
	width: 28px;
	font-weight:700;
}

.bcontent2 ul.ibm-s li {
	line-height: 28px;	
	padding: 0px 0 0px 5px;
}



.hf .mc {
    display:none;
}
.elementor-57062 .elementor-element.elementor-element-5351c9b6 .iteck-contact-shortcode .wpcf7-submit {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 20px;
    /* margin: 5px 0px -3px 0px; */
    color: #FFFFFF;
    background-color: #f58120!important;
    border: 2px solid #f58120 !important;
    width: 100%;
    
}

.elementor-57062 .elementor-element.elementor-element-5351c9b6 .iteck-contact-shortcode .wpcf7-submit:hover {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 20px;
    /* margin: 5px 0px -3px 0px; */
    color: #f58120F;
    background-color: #fff!important;

    width: 100%;

}
.hform{
    display:flex;
}
.field{
    padding-left:10px;
}
form textarea {
    max-height:50px !important;
    background: #f2f5fa !important;
    border:0px !important;
}
.cbox{
    font-size: 24px;font-weight:450; line-height:32px; background: linear-gradient(to right, #ef5350, #f48fb1, #7e57c2, #2196f3, #26c6da, #43a047, #eeff41, #f9a825, #ff5722); -webkit-background-clip: text; -webkit-text-fill-color: transparent;
}
.cbox2 h3{
    font-size: 17px !important;font-weight:550; line-height:20px; background: linear-gradient(to right, #ef5350, #f48fb1, #7e57c2, #2196f3, #26c6da, #43a047, #eeff41, #f9a825, #ff5722); -webkit-background-clip: text; -webkit-text-fill-color: transparent;
    padding:10px 0px;
}
.box1{
    box-shadow: rgba(245 129 32) 0px 5px 15px; margin: -10px; padding: 15px; border-radius: 10px;
    background:#fac090;
}
.bbcontent h3{
         background: transparent linear-gradient(90deg, #051C2C 0%, #38AAE1 100%) 0% 0% no-repeat;
    color: #fff;
    padding: 15px 5px;
    margin: -1px -10px 15px -30px;
    border-radius: 0px 20px 20px 0px;
    width:100%;
    font-size:15px;
    text-align:center;
    line-height:22px;
    font-weight:600;
    width:110%;
    
}
.bcontent a{
    color:#F58434 !important;
}
.iteck-play-button{
    text-align:right;    
    color:#fff !important;
    background: #800000;    
    padding:10px 15px;
   border-radius:15px;
   margin-bottom:-3px;
   text-transform:uppercase;
   font-size:13px;
   font-weight:600;
    
}
.cbtn2{
    text-align:right;    
    color:#fff;
    background: #800000;    
    padding:10px 15px;
    margin-left:66%;
   border-radius:10px 10px 0px 0px;
   margin-bottom:-3px;
   text-transform:uppercase;
   font-size:13px;
   font-weight:600;
    
}
.cbtn2 a{
    color:#fff;
}
.cbtn2 a:hover{
    color:#fff;
}
.hf .iteck-contact-shortcode input {

    border-radius: 15px;
  min-height: 50px;
}
.cf .iteck-play-button .vid_btn i {
background: linear-gradient(to right, #fff 0%, #fff 100%) !important;
color:#fff !important;
zoom:150%

}
.iteck-play-button {
    background: #80000000 !important;

}
.iteck-play-button .vid_btn i {
    width: 0px !important;
    height: 0px !important;
    box-shadow: 0 0 0px 4px rgb(21 122 166 / 0%) !important;
    border: 4px solid #cbe4f700 !important;

}

.lity {
    background: rgb(0 0 0 / 87%) !important;
}
.cf .iteck-play-button {
    text-align: right;
    color: #ff0000 !important;
    border: 1px solid #800000;
    padding-bottom: 1px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    background: #FF0033 !important;
}
video{
    border-radius:15px !important;
}
.cf .iteck-play-button .text {
    color: #FFFFFF;
    font-weight: 850 !important;
    margin-left:-8px;
}

.bbcontent1 h3{
         background: transparent linear-gradient(90deg, #051C2C 0%, #38AAE1 100%) 0% 0% no-repeat;
    color: #fff;
    padding: 15px 5px;
    margin: -1px -10px 15px -30px;
    border-radius: 0px 20px 20px 0px;
    width:100%;
    font-size:15px;
    text-align:center;
    line-height:22px;
    font-weight:600;
    width:110%;
    
}
.bbcontent1 :hover h3{
         background: #fff;
    color: #000;
    padding: 15px 5px;
    margin: -1px -10px 15px -30px;
    border-radius: 0px 20px 20px 0px;
    width:100%;
    font-size:15px;
    text-align:center;
    line-height:22px;
    font-weight:600;
    width:110%;
    transition: all 0.3s ease;
    
}
.bcontent1 a{
    color:#F58434 !important;
}
.bbcontent1 :hover{
    color:#fff;
             background: transparent linear-gradient(90deg, #051C2C 0%, #38AAE1 100%) 0% 0% no-repeat;

}
.bbcontent1 :hover p{
    background:transparent !important;
    color: #fff;
}
.qboxa1{

 background: 
    url('https://www.integrativesystems.com/wp-content/uploads/2025/03/Story3_thumbnail-v1.jpg') no-repeat center/cover,
    linear-gradient(to right, #FFEADD, #DAF3F9);
  background-size: contain;
  background-repeat: no-repeat;

    padding:2px 20px 20px 20px;
    border-radius:0px 40px 0px 40px;
    border:2px solid #800000;
    height:100% !important;
margin:0px 10px;
}

.qboxa2{

 background: 
    url('https://www.integrativesystems.com/wp-content/uploads/2025/04/Keep-Your-IBM-i-Running_thumbnail-v2.jpg') no-repeat center/cover,
    linear-gradient(to right, #FFEADD, #DAF3F9);
  background-size: contain;
  background-repeat: no-repeat;

    padding:2px 20px 20px 20px;
    border-radius:0px 40px 0px 40px;
    border:2px solid #800000;
    height:100% !important;
margin:0px 10px;
}

.qboxa3{

 background: 
    url('https://www.integrativesystems.com/wp-content/uploads/2025/04/From-Green-Screen-to-Modern-Efficency_thumbnail-v2.jpg') no-repeat center/cover,
    linear-gradient(to right, #FFEADD, #DAF3F9);
  background-size: contain;
  background-repeat: no-repeat;

    padding:2px 20px 20px 20px;
    border-radius:0px 40px 0px 40px;
    border:2px solid #800000;
    height:100% !important;
margin:0px 10px;
}
.qboxa4{

 background: 
    url('https://www.integrativesystems.com/wp-content/uploads/2025/04/Keep-What-Works-Modernize-what-doesnt_thumbnail-v2.jpg') no-repeat center/cover,
    linear-gradient(to right, #FFEADD, #DAF3F9);
  background-size: contain;
  background-repeat: no-repeat;

    padding:2px 20px 20px 20px;
    border-radius:0px 40px 0px 40px;
    border:2px solid #800000;
    height:100% !important;
margin:0px 10px;
}
.qboxa1:hover, .qboxa2:hover, .qboxa3:hover, .qboxa4:hover{
    border-radius:40px 0px 40px 0px;
    border:2px solid #800000;
    background: transparent linear-gradient(93deg, #051C2C 0%, #042865 100%) 0% 0% no-repeat padding-box;
    color:#fff !important;

}
.qboxa1:hover p, .qboxa2:hover p, .qboxa3:hover p, .qboxa4:hover p{
    color:#000 !important;
}
.qboxa1:hover h3, .qboxa2:hover h3, .qboxa3:hover h3, .qboxa4:hover h3{
    color:#fff !important;
}
.qboxa1:hover li, .qboxa2:hover li, .qboxa3:hover li, .qboxa4:hover li{
    color:#fff !important
}
.qboxa1 h3, .qboxa2 h3, .qboxa3 h3, .qboxa4 h3 {
    font-family: sans-serif;
  font-size: 20px;font-weight:550;
  line-height:24px;
  color:transparent;

}
.qboxa1 li, .qboxa2 li, .qboxa3 li,.qboxa4 li {
	list-style-type: none!important;

}
.qboxa1 li, .qboxa2 li, .qboxa3 li, .qboxa4 li {margin-bottom: 15px !important;
    font-size: 17px!important;
    font-family: Inter;
    font-weight: 400!important;
  color:transparent;
}

.qboxa1 ul.ibm-s li:before, .qboxa2 ul.ibm-s li:before, .qboxa3 ul.ibm-s li:before, .qboxa4 ul.ibm-s li:before {
	font-size: 38px;
	vertical-align: middle;
}
.qboxa1 ul.ibm-s li:before,.qboxa2 ul.ibm-s li:before,.qboxa3 ul.ibm-s li:before,.qboxa4 ul.ibm-s li:before {
  color:transparent;
	content: "\f3fd";
	display: inline-block;
	font-family: 'ionicons';
	margin-left: -20px;
	width: 28px;
	font-weight:700;
}
.qboxa1 :hover ul.ibm-s li:before,.qboxa2 :hover ul.ibm-s li:before,.qboxa3 :hover ul.ibm-s li:before,.qboxa4 :hover ul.ibm-s li:before {
  color:#fff;
	content: "\f3fd";
	display: inline-block;
	font-family: 'ionicons';
	margin-left: -20px;
	width: 28px;
	font-weight:700;
}

.qboxa1 ul.ibm-s li,.qboxa2 ul.ibm-s li,.qboxa3 ul.ibm-s li,.qboxa4 ul.ibm-s li {
	line-height: 28px;	
	padding: 0px 0 0px 5px;
}
.hf .iteck-contact-shortcode input:not([type="submit"]) {
    border-radius: 25px;
    min-height: 50px;
    //box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px !important;
    box-shadow: rgb(204, 219, 232) 3px 3px 6px 0px inset, rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset;
    border:2px solid #F58434 ;
    
}

.hf .iteck-contact-shortcode .wpcf7-submit {
    display: flex;
    padding: 10px 20px 10px 25px;
    text-decoration: none;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight:600;
    color: white;
    background: #F58434;
    transition: 1s;
   // box-shadow: 6px 6px 0 orange;
	border-radius:25px;
	margin-top:-3px;
	margin-left:10px;
	text-transform:uppercase;
	width:100%;
}

.hf .iteck-contact-shortcode .wpcf7-submit:focus {
   outline: none; 
}

.hf .iteck-contact-shortcode .wpcf7-submit:hover {
    transition: 0.5s;
    box-shadow: 10px 10px 0 #38AAE1;
    color:#fff;
       background: #F58434;
}
.hf .iteck-contact-shortcode .wpcf7-submit a :hover{
    transition: 0.5s;
    box-shadow: 10px 10px 0 #38AAE1;
    color:#fff;
}

.hf .iteck-contact-shortcode .wpcf7-submit span:nth-child(2) {
    transition: 0.5s;
    margin-right: 5px;
	margin-top:-7px;
}

.hf .iteck-contact-shortcode .wpcf7-submit  span:nth-child(2) {
    transition: 0.5s;
    margin-right: 35px;
}



 .mbox span:nth-child(2) {
    width: 20px;
    margin-left: 20px;
    position: relative;
    top: 12%;
  }
  
/**************SVG****************/

path.one {
    transition: 0.4s;
    //transform: translateX(-60%);
}

path.two {
    transition: 0.5s;
    //transform: translateX(-30%);
}

.hf .iteck-contact-shortcode .wpcf7-submit path.three {
    animation: color_anim 1s infinite 0.2s;
}

.hf .iteck-contact-shortcode .wpcf7-submit path.one {
    transform: translateX(0%);
    animation: color_anim 1s infinite 0.6s;
}

.hf .iteck-contact-shortcode .wpcf7-submit path.two {
    //transform: translateX(0%);
    animation: color_anim 1s infinite 0.4s;
}/* End custom CSS */