@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
*{box-sizing: border-box;  font-family: "Roboto", sans-serif;}body{margin: 0px;padding: 0px;  font-family: "Roboto", sans-serif;}
h1,h2,h3,h4,h5{  font-family: "Roboto", sans-serif;} summary{font-size:20px;}
img{max-width: 100%;height: auto;}p{font-size: 20px;line-height: 1.7;margin: 5px 0;}a{text-decoration: none;}.ttqtw1-wrap{max-width: 1155px;width: 100%;margin: auto;padding: 0 15px;}.txt-cntr{text-align: center;}.ttqtw1-heading{font-size: 32px;font-weight: 700;margin: 10px 0;line-height:1.5}.btn-syl{max-width: 280px;}.btn-pd{padding-top: 20px;}
/*flex*/
.ttqtw1-flex{display: flex;}.ttqtw1-flex-jus{justify-content: space-between;}.ttqtw1-flex-aln{align-items: center;}.ttqtw1-flex-gp{gap: 20px;}
/*flex-child*/
.ttqtw1-flex-50{flex: 50%;}.ttqtw1-flex-33{flex: 33.33%;}.ttqtw1-flex-25{flex: 25%;}.ttqtw1-flex-40{flex: 40%;}.ttqtw1-flex-60{flex: 60%;}
/*header*/
.ttqtw1-header{padding: 10px;background-color: #553677}.logo-syl{max-width: 250px;}
/*banner*/
.ttqtw1-bnr{padding: 50px 10px;background-color: #efefef;}
/*about*/
.ttqtw1-abt{padding: 40px 10px;}.ttqtw1-abt-flex{max-width: 800px;margin: 20px auto auto;}.ttqtw1-abt-blk{max-width: 950px;margin: 20px auto auto;} .shed-num{font-size:40px; font-weight:bold; color:#553677}
/*how*/
.ttqtw1-hw-img{max-width: 500px;}.ttqtw1-hw{padding: 30px 10px;background-color: #efefef;}.ttqtw1-hw-blk{background-color: #333;color: #fff;padding: 10px 5px;border-radius: 10px;}    
/*ing*/
.ttqtw1-ing{padding: 30px 0 0px;position: relative;}.ttqtw1-ing-img{max-width: 320px;border-radius: 5px;}.ttqtw1-ing-bk{position: absolute;z-index: -1;background-color: #e5e5e5;max-width: 100%;width: 100%;min-height: 380px;position: absolute;top: 220px;}.ttqtw1-ing-flex{margin-top: 20px;}.ttqtw1-ing-blk{background-color:#553677;color: #fff;padding: 10px 5px;border-radius: 10px;}

/*faq*/
.ttqtw1-faq{padding: 30px 10px;background-color: #efefef;}.ttqtw1-faq-blk{max-width: 900px;margin: 20px auto auto;}.ttqtw1-faq-pont{margin-top: 20px;background-color: #553677;color: #fff;padding: 20px;border-radius: 5px;}
/*price*/
.ttqtw1-prc{padding: 30px 20px;}.prc-syl{max-width: 400px;} 
/*footer*/
.ttqtw1-ftr{padding: 10px;background-color: #000;color: #fff;}.ttqtw1-ftr a{color: #fff;} 
.ttqtw1-wrap-pd{padding: 20px 10px;}  

/*contact-page-css*/
input[type=text], select, textarea {
    width: 100%; padding: 12px; border: 1px solid #ccc; border-radius: 4px;  box-sizing: border-box; margin-top: 6px;margin-bottom: 16px; resize: vertical;
  }
  input[type=submit] { background-color: #ffffff; color: #000; padding: 12px 20px; border: none; border-radius: 4px; cursor: pointer;}
  input[type=submit]:hover {background-color: #ecdada;}
@media only screen and (max-width: 767px){
    .ttqtw1-flex-dir{flex-direction: column;}.ttqtw1-flex-dir-rev{flex-direction: column-reverse;}.ttqtw1-heading{font-size: 25px;}.mob-cntr{text-align: center;}.ttqtw1-abt{padding: 10px;}.ttqtw1-bnr{padding: 20px 10px;}
}
@media only screen and (max-width: 600px){
    .ttqtw1-flex-dir-6{flex-direction: column;}
}
@media only screen and (max-width: 420px){
    .btn-syl{max-width: 200px;}
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Thin.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}