.blogdetailscontainer{padding:8.5rem 3.8rem 3rem;height:100%;width:100%;background-color:#fafafa}.main-section-faq-blog{padding:3rem 3.4rem;max-width:1600px;margin:0 auto}.blogdetailsbreadcrumbflex{display:flex;gap:.5rem;font-family:Roboto;font-weight:400;font-size:1rem;padding-bottom:3rem}.blogdetailsmainseparatorflex{display:flex;gap:1.5rem;height:100%;width:100%}.blogdetailssubcontentflex{display:flex;flex-direction:column;gap:1rem}.blogdetailssubcontentheader{font-family:Roboto;font-weight:600;font-size:1.5rem;color:#197bdd;line-height:26px}.blogdetailssubcontentdescription{font-family:Roboto;font-weight:400;font-size:1.1rem;line-height:31px;text-align:justify}.blogdetailsfirstcolflex{display:flex;flex-direction:column;gap:1.5rem;width:70%}.editor-content h1,.editor-content h2,.editor-content h3,.editor-content h4,.editor-content h5,.editor-content h6{color:black;font-family:Roboto;line-height:50px}.editor-content h1{font-size:1.9rem}.editor-content h2{font-size:1.8rem}.editor-content h3{font-size:1.7rem}.editor-content h4{font-size:1.6rem}.editor-content h5{font-size:1.5rem}.editor-content h6{font-size:1.4rem}.editor-content p{font-family:Roboto;line-height:33px;text-align:left;font-size:1.3rem;padding-bottom:1.2rem}.editor-content img{max-width:100%;height:auto;display:block}.editor-content blockquote{border-left:4px solid #3ab0a6;padding:.5rem 1rem 1.2rem;margin:1.5rem 0;background:#f9f9f9;font-style:italic;color:#333;font-size:1.3rem;line-height:40px}.editor-content a{color:#FF5E5E;text-decoration:none}.editor-content iframe{width:100%;height:auto;max-width:100%;border:none}.editor-content ol{padding-left:2rem;padding-bottom:1.2rem}.editor-content ol li{line-height:33px;font-size:1.3rem}.editor-content ul{padding-left:2rem;padding-bottom:1.2rem}.editor-content ul li{line-height:33px;font-size:1.3rem}.blogdetialsmainimageheight{position:relative;height:487px;width:100%}.blogdetailsmainimageflex{display:flex;flex-direction:column;gap:1rem;padding-bottom:1.5rem}.blogdetailsinnerdotstyle{height:5px;width:5px;background-color:#197bdd;border-radius:50%}.blogdetailsmainimagedetailsflex{display:flex;gap:1rem;justify-content:space-between;align-items:flex-start;font-family:Roboto;font-weight:400;font-size:1rem}.blogdetailssharebtnflex{display:flex;flex-direction:column;gap:1rem}.blogdetailssharenowfont{font-family:Roboto;font-weight:400;font-size:1rem;color:#4d4d4d}.blogdetailsshareiconsflex{display:flex;gap:1rem;flex-wrap:wrap}.blogdetailsdescriptionstyle{font-family:Roboto;font-weight:600;font-size:2.5rem}.blogdetailssecondcolflex{width:100%;background-color:#ffffff;padding:2.2rem 2rem 2rem}.blogdetailscodeboxcontainer{background-color:lightgray;padding:1rem;width:100%;display:flex;flex-direction:column;gap:.5rem;border:1px solid gray;border-radius:5px}.blogdetailsfirstflex{display:flex;justify-content:space-between;align-items:center;padding-bottom:.5rem;border-bottom:1px solid gray}.blogdetailslastflex{display:flex;gap:.5rem;align-items:center}.code-content{display:flex;flex-direction:column;gap:.3rem}.code-line{font-family:monospace;white-space:pre-wrap;background-color:white;padding:.3rem;border-radius:3px}.blogdetailsRelatedblogheaderfont{padding:0 0 2rem}.blogdetailsRelatedblogheaderfont,.blogdetailsRelatedblogheaderfont1{text-align:center;color:#197bdd;font-family:Roboto;font-weight:600;font-size:1.5rem}.blogdetailsRelatedblogheaderfont1{padding:2rem 0 1.6rem}.blogdetailsrelateddatacolflex{display:flex;flex-direction:column;gap:2rem;flex:wrap 1}.blogdetailsRelatedtagsflex{display:flex;gap:1rem;flex-wrap:wrap}.blogdetailsbuttontagsstyle{background-color:#197bdd;border-radius:5px;padding:.5rem 2rem;font-family:Roboto;font-size:1rem;font-weight:400;border:none;color:#ffffff}.blogdetailspublisheddateflex{display:flex;gap:.5rem;align-items:center;color:#197bdd;font-family:Roboto;font-size:1rem;font-weight:400}.blogdetailsbreadflexend{display:none}.blog-breadcrump-style{display:flex;gap:4px;padding:0 0 2rem .5rem;flex-wrap:wrap}.blogdetailsrelatedblogshide{width:30%;height:100%}.custom-bullet{list-style-type:square}.custom-bullet::marker{color:#197bdd;font-size:1.2em}.code-snippet{background-color:#1e1e1e;color:#d4d4d4;padding:2rem;border-radius:8px;font-family:Courier New,Courier,monospace;overflow-x:auto;margin:1rem 0;position:relative}.code-snippet pre{margin:0;white-space:pre-wrap;word-wrap:break-word}.code-snippet code{font-size:.95rem;line-height:2.5;display:block}.code-snippet:before{content:"Code";position:absolute;top:10px;left:15px;font-size:.75rem;font-weight:700;color:#ffcc00}.copy-button{position:absolute;top:8px;right:12px;background:rgba(255,255,255,.1);color:#fff;border:none;padding:5px 8px;border-radius:5px;font-size:.8rem;cursor:pointer;transition:background .3s ease}.copy-button:hover{background:rgba(255,255,255,.2)}.coverimageblogborderradius{border-radius:30px}@media (max-width:1200px){.blogdetailssecondcolflex{padding:2.2rem 0 2rem 2rem}}@media (max-width:768px){.blogdetailsbreadflexend{display:flex;justify-content:flex-end;padding-bottom:2rem}.blogdrawerbtnstyle{padding:.5rem 1.5rem;border-radius:20px;border:none;background-color:white;font-family:Roboto;font-weight:600;font-size:1rem;background-color:rgba(20,135,227,.15)}.blogdetailsRelatedtagsflex{padding:0}.blogdetailssecondcolflex{position:relative;padding:0;background-color:#fafafa}.blogdetailsrelateddatacolflex{display:grid;grid-template-columns:1fr 1fr}.blogdetailscloseiconnewposition{position:absolute;top:2%;right:10px}.blogdetailscontainer{padding:8.5rem 3rem 3rem}.blogdetailsfirstcolflex,.blogdetailsrelatedblogshide{width:100%}.blogdetailssubcontentdescription{line-height:26px}.blogdetailsmainseparatorflex{flex-direction:column}.blogdetailsRelatedblogheaderfont{text-align:left;padding-top:2rem}.blogdetailsRelatedblogheaderfont1{text-align:left}.blogdetailsdescriptionstyle{font-size:1.8rem}.blogdetialsmainimageheight{height:357px}.coverimageblogborderradius{border-radius:10px}.editor-content h1,.editor-content h2,.editor-content h3,.editor-content h4,.editor-content h5,.editor-content h6{line-height:38px}.editor-content p{line-height:29px;text-align:left}}@media (max-width:600px){.blogdetialsmainimageheight{height:257px}}@media (max-width:500px){.blogdetailsmainimagedetailsflex{flex-direction:column-reverse;align-items:flex-start}.blogdetailscloseiconnewposition{padding-bottom:40px}.blogdetailsrelateddatacolflex{display:grid;grid-template-columns:1fr}.main-section-faq-blog{padding:50px 0}}