@charset "utf-8";
/* CSS Document */


/*
    font-family: 'Poppins'; font-weight: normal;
    font-family: 'Poppins'; font-weight: 500;
    font-family: 'Poppins'; font-weight: normal; font-style: italic;
    font-family: 'Poppins'; font-weight: 600;
    font-family: 'Courier New'; font-weight: normal; font-style: normal;
    font-family: 'Oswald'; font-weight: normal;
*/
a.dragbtn{-webkit-user-drag: auto;}
.inrpage_sec.tooldt1lpg .wrapper {border-bottom: 0px solid #ececec; padding: 0}


.tooldtl_container {text-align: center}
.mrgnauto {margin: 0 auto; max-width: 100%}



h2{display: block; font-size: 30px; color: #373737; margin: 40px 0 30px 0; font-weight: 600; text-align: left;}

section.location_sec {margin-top: 0;}
.rightabsolutelink {text-align: center;}

.moretoollink.rightabsolutelink {text-align: right}

.blog_blue_box {
  background: rgb(0 215 255/10%);
  padding: 30px 30px 10px;
  border-left: 2px solid #57d6ed;
  margin: 20px 0;
  clear: both;
}

.buttonbardiv {
  width: 100%;
  clear: both;
  float: left;
  margin: 20px 0 40px;
}

.buttonbardiv a.btn-theme.type2 {
  background: #3e4571;
  border: 2px solid #3e4571;
}
.blogmaincontent a.btn-theme {
  text-decoration: none;
}
.buttonbardiv a.btn-theme {
  font-family: rubik;
  font-weight: 600;
  text-decoration: none;
  font-size: 14px;
  border-radius: 3px;
  margin: 0 10px 0 0;
  background: #3e4571;
  border: 2px solid #3e4571;
}
.btn-theme {
  background: #3e4571;
  font-size: 16px;
  color: #fff;
  text-transform: uppercase;
}
[class*="btn-"] {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 0;
  padding: 7px 24px;
  overflow: hidden;
  line-height: 26px;
}




/*responsive styles*/
@media (max-width: 1599.98px) {


}
@media (max-width: 1440px) {
    
    
    h2 {display: block;font-size: 22px;color: #373737;margin: 30px 0 15px 0;font-weight: 600;text-align: left;line-height: 26px;}

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



}
@media (max-width: 992px) {
    
    .tooldtl_container .mrgnauto {margin: 0 auto; max-width: 98%;}
    .btnbar {margin: 0 0 40px 0;}
    h2 {font-size: 20px; margin: 0 0 15px 0;}
    
    
}
@media (max-width: 768px) {
    
    
    .wid50.fleft, .wid50.fright {margin: 10px 0 0 0!important; position: relative!important; top: 0!important; width: 100%;}
    .wid50.fright.imgcontainer {text-align: left;}
    .videotag {margin: 10px 0;}
    hr {margin: 15px 0;}   
    
}
@media (max-width: 640px) {
    
    .blog_casestudy_content ol, .tooldtl_container ol {margin: 0 0 10px 0;}
    
}
@media (max-width: 575px) {
    
    .inr_banner h1 {font-size: 26px!important; line-height: 32px!important;}
    

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

    
}