@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,500,300italic,500italic,700italic,900,300);
@import url(https://fonts.googleapis.com/css2?family=Source+Sans+Pro&display=swap);
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
    font-weight: 300;
    color:#414141;
    letter-spacing: normal;
    font-family: 'Source Sans Pro', sans-serif;
}

   @font-face {
    font-family: 'Ananda Black Regular';
    font-style: normal;
    font-weight: normal;
    src: local('font/Ananda Black Regular'), url('font/AnandaBlack-WRJO.woff') format('woff');
    }
.col-md-12 {
    width: 100%;
    padding: 0;
    margin: 0;   border: 0;
    outline: 0;
}
.row {
      margin-right: 0;
    margin-left: 0;
    border: 0;
    outline: 0;
}

*, ::after, ::before {
    box-sizing: border-box;
}
body{
      background: #fff;
    width: 100%;
}

a, p, span, ul, li{
    color:#414141;
    text-decoration: none;
    margin:0;
    padding:0;
	outline:none;
		list-style:none;
  }
a:hover{
    text-decoration: none;
     color:#414141;
    outline: 0;
}
a:focus, a:focus-within{
        text-decoration: none;
     color:#414141;
    outline: 0;
}
p{
    color: #4c4b4b;
    font-size: 1rem;
    font-weight: 300;
    line-height: 28px;
}
img{
    width: 100%;
    float: left;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section,
summary {
    display: block;
}
audio,
canvas,
video {
    display: inline-block;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
[hidden] {
    display: none;
}
html,
button,
input,
select,
textarea {
	outline:none;
	border:0;    font-family: 'Source Sans Pro', sans-serif;
}

.banner-home{
    width: 100%;
    float: left;
    position: relative;
    display: block;
}
ul.bannerSlider{
  padding-left:0;
}
.bannerSlider .slide__image::before{
	content: "";
	position: absolute;
	width: 100%;
}
.bannerSlider .slick-slide {
	position: relative;  
}
.bannerSlider .slide__image img {
	width: 100%;
	-o-object-fit:cover;
	   object-fit:cover;
}
img.slide__image__top-position {
	-o-object-position:center bottom;
	   object-position:center bottom;
}
.bannerSlider .slide__text {
    position: absolute;
    z-index: 100;
    width: auto;
    padding-left: 0;
    top: 50%;
    left: 10%;
    transform: translateY(-50%);
}
.bannerSlider .slide__text h2 {
    font-size: 72px;
    font-weight: 100;
    text-shadow: 0px 3px 6px #00000029;
    color: #fff;
    font-weight: 600;
    color: #fff;
}
.bannerSlider .slide__text a{
    width: auto;
    text-align: center;
    border: 1px solid #160B4D;
    text-transform: uppercase;
    padding: 6px 8px;
    font-size: 20px;
    margin-left: 117px;
    outline: 0;
    float: left;
    margin-top: 35px;
    color: #14146D;
}
.bannerSlider .slide__text a:hover{
    background: #160B4D;;
    color: #fff;
        border: 1px solid #160B4D;
    }

.bannerSlider .more-detail a:hover{
       background: #160B4D;;
    color: #fff; 
}
.content-section-top{
    width: 100%;
    float: left;
    height: 70px;
    display: block;
    background: #f8f8f8;
}
.nav-contaner{width: 1170px;
margin: 0px auto;}
.logo{
    width: 195px;
    float: left;
}
.adl-report-bg{
    width: 100%;
    padding: 50px 0;
    float: left;
    background: #d6e0f0;
}
.inner-container{
       width: 1125px;
    margin: 0px auto;
}

.main-heading{
    font-size: 50px;
 width: 100%;
    float: left;
    text-align: center;
    position: relative;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    font-family: 'Roboto', sans-serif;
}
.main-heading span {
    width: 150px;
    margin: 0px auto;
    position: relative;
    display: block;
}
.main-heading span:after{
    content: "";
 border-bottom: 3px solid #d40855;
  width: 100%;
    margin-top: 10px;
  display: block;
}
.inner-content{
      width: 94%;
    margin: 0px auto;
}
.inner-content p{
    text-align: center;
    font-weight: 600;
    color: #000;
    font-size: 16px;
    margin-top: 20px;
    line-height: 26px;
    float: left;
}
.inner-content span{
    width: 94%;
    float: left;
    text-align: center;
    font-size: 15px;
    margin-top: 20px;
    display: block;
    padding-left: 3%;
}
.report-box-outer{
    width: 100%;
    margin: 30px 0;
    display: flex;
    float: left;
}
.grid-box{
    min-width: 24%;
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0px solid black;
    margin: 0 24.5px 0;
    overflow: hidden;
    width: 29%;
    float: left;  
  transition: box-shadow 500ms;
}
.grid-box:first-child{
   margin-left: 0;
}
.grid-box:nth-child(3){
   margin-right: 0;}

.category-grid-card {
    line-height: 1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    width: 100%;
    float: left;
}
.category-grid-card img{     width: 98%;
    margin-top: 7px;
    transition: box-shadow 500ms;
}
.category-grid-card img:hover
{
    box-shadow: 17px -19px 0px 10px #91bbc0;
}

.white-color{
    color: #fff;
}
.black-color{
    color:  #090909;
}

.sub-product-head{
    width: 100%;
    float: left;
    margin-top: 50px;
    font-weight: 600;
    font-size: 23px;
    text-transform: uppercase;
    display: block;
    font-family: 'Roboto', sans-serif;
    text-align: center;
}
.agdl-gide-bg{
    background: #8d93ab;
}
.inner-content-gide {
    width: 100%;
    margin: 0px auto;
}
.inner-content-gide p{
    color: #fff;    float: left;
    text-align: center;
font-size: 18px;
    margin-top: 35px;
    display: block;
    padding-bottom: 30px;
}
.inner-container-gide {
    width: 1200px;
    margin: 0px auto;
}
footer{
        width: 100%;
        float: left;
        padding-top: 50px;
        background: #f8f8f8;
        display: block;
    }
.footer-container {
    width: 1200px;
    margin: 0px auto;
}
.footer-left{
    width: 30%;
    float: left;
}
.footer-left .logo{
    width: 250px;
    float: left;
    display: block;
}
.footer-left-top{
    width: 100%;
    float: left;
    display: block;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 25px;
}
.footer-left-top p{
    width: 100%;
    float: left;
    display: block;
    font-size: 14px;    line-height: 19px;
    color: #585454;
    padding: 10px 0 ;
}

.hero-form-input {
    width: auto;
    float: left;
    display: flex;box-shadow: 0px 1px 2px 0px rgb(10 6 20 / 17%);
}
 .hero-form-input input{
    padding: 8px 1rem;
    box-sizing: border-box;
}
.hero-form-input ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
font-size:14px;
    font-style: italic;
    color: #ececec;
}

.hero-form-input :-ms-input-placeholder { /* Internet Explorer 10-11 */
font-size:14px;
    font-style: italic;
    color: #ececec;
}

.hero-form-input ::-ms-input-placeholder { /* Microsoft Edge */
font-size:14px;
    font-style: italic;
    color: #ececec;
}

.hero-form-input input[type="submit"], .enquiry-form input[type="button"] {
     background-color: #95e1d3;
    color: #fff;
    border: none;
    padding: 8px 2rem;
}
.hero-form-input input[type="submit"]:hover,.enquiry-form input[type="button"]:hover {
    background: #d40855;
}.footer-left-top-bt{
    width: 100%;
    float: left;
    display: block;
}.footer-left-top-bt p{
    width: 100%;
    float: left;
    color: #cccaca;
    font-size: 14px;
}
.footer-left-top-bt ul {
    width: 100%;
    float: left;
    display: block;
}
.footer-left-top-bt ul li {
    width: auto;
    display: inline-block;
}
.footer-left-top-bt ul li a{
     padding: 0 7px;
    font-size: 14px;
    border-right: 1px solid #ccc;
    color: #cccaca;
    line-height: 11px;
    float: left;
}
.footer-left-top-bt ul li:first-child a{
    padding-left: 0;
}
.footer-left-top-bt ul li:last-child a{
 padding-right: 0;
    border-right: 0;
}
.footer-left-top-bt ul li a:hover{
    color: #d40855;
}
.footer-right{
width: 61%;
    float: right;
    display: block;
    margin-top: 107px;
    padding-left: 30px;
    
}
.footer-right .top{
    width: 100%;
    float: left;
}
.footer-right .top .box{
    width: 33%;
    float: left;
    display: block;
}
.footer-right .top .box .head{
    width: 100%;
    float: left;
    margin-bottom: 20px;
    display: block;
    font-weight: bold;
    text-transform: uppercase;
}
.footer-right .top .box ul{
    width: 100%;
    float: left;
    display: block;
}
.footer-right .top .box ul li
{
    width: 100%;    padding-bottom: 2px;
    float: left;
    display: block;
}
.footer-right .top .box ul li a{
    width: 100%;
    float: left;
    display: block;
    font-size: 16px;
    
}
.footer-right .top .box ul li a:hover{
       color: #d40855; 
}
.footer-right .bottom{
    width: 100%;
    float: left;
    display: block;     margin-top: 30px;
}
.footer-right .bottom .left{
    width: auto;
    float: left;
    display: block;
}
.footer-right .bottom .left p{
        width: auto;
    float: left;
    display: block;
    font-size: 16px;
}
.footer-right .bottom .right{
    width: 35%;
    float: right;
    display: block;
}
.footer-right .bottom .right span{
      color: #104DDB;
    float: left;
    width: 100%;
    display: block;
    font-size: 30px;
}
.footer-right .bottom .right a{
    width: 100%;
    float: left;
    font-size: 23px;
    color: #000;
    font-weight: 600;
}
.footer-right .bottom .right a:hover{
    color: #d40855;
}
.bannerSlider .slide__text-2 h2{
    font-size: 32px;
    width: 683px;
    color: #030303;
    font-weight: normal;
    text-shadow: none;
    font-weight: 600;
    line-height: 50px;
}
.bannerSlider .slide__text-2 a {
    margin-left: 76px;
}
.contact-banner{
    width: 100%;
    float: left;
    background: url(../images/get-in-touch-backdrop_img.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    padding-top: 200px;
    padding-bottom: 100px;
}
.contact-container
{
    width: 1170px;
    margin: 0 auto;
}
.contact-head-main{
    width: auto;
    float: left;    font-family: 'Roboto', sans-serif;
    display: block;
    font-size: 80px;    border-bottom: 1px solid #071257;
}
.contact-head-main span{
     font-weight: 600;
    color: #071257;
}
.contact-box{
    width: 100%;
    float: left;
    margin-top: 100px; 
}
.contact-box .left
{
    width: 30%;
    float: left;
    display: block;
}
.contact-box .left form label{
    width: 100%;
    float: left;
    padding-bottom: 1px;
    font-size: 24px;
    color: #000;
}
.contact-box .left form input{
    width: 100%;
    float: left;
    padding-bottom: 5px;
    font-size: 20px;
    border: 1px solid #b1bcc4;
    background: #dfe9f1;
    border-radius: 0;
    padding: 4px 12px 7px;
    height: 40px;
}
.contact-box .left form textarea{
      width: 100%;
    float: left;
    padding-bottom: 5px;
    font-size: 20px;
    border: 1px solid #b1bcc4;
    background: #dfe9f1;
    border-radius: 0;
    padding: 4px 12px 7px;
    height: 150px;  
}

.contact-box .left .form-group {
    float: left;
    display: block;
    width: 100%;
    margin-bottom: 20px;
}
.contact-box .right{
    width: 50%;
    float: right;
    display: block;
}

.contact-box .left form input[type="submit"], .contact-box .left form input[type="button"] {
    background-color: #95e1d3;
    color: #fff;
    border: none;
    padding: 8px 2rem;
}
.contact-box .right .head{
    width: 100%;
    float: left;
    display: block;
    color: #4A74FF;
    font-size:38px;    font-family: 'Roboto', sans-serif;
    font-weight: bold;
}
.contact-box .right .address-area{
    width: 100%;
    float: left;
    display: block;
    margin-bottom: 35px;
    margin-top: 30px;
}
.icon-image{
    width: 34px;
    float: left;
}
.contact-box .right .icon-section{
    width: 50px;
    float: left;
    display: block;
}
.contact-box .right .address-area p{
    width: 90%;
    float: left;
    font-size: 26px;
    line-height: 37px;
}
.contact-box .right .address-area p span{
    font-size: 28px;
    font-weight: 600;
    float: left;
    width: 100%;   color: #1E1C1C;
    margin-bottom: 10px;

}
.contact-box .right .phone-detail{
    width: 100%;
    float: left;
    padding-bottom: 13px;
    display: block;
}
.phone-icon {
    width: 24px;
    float: left;
        margin-top:5px;
}
.contact-box .right .phone-detail a{
    width: auto;
    float: left;
    font-weight: bold;
    font-size: 24px;
    color: #1E1C1C;
}.contact-box .right .phone-detail a:hover{
    color:#d40855;
}
.mail-icon{
    width: 24px;
    margin-top:6px;
}
.web-icon{
    width: 24px;
    margin-top: 6px;
}

.follow-us-box{
      width: 100%;
    float: left;
    display: block;
    margin-top: 40px;
}
.follow-us-box span{
    width: 100%;
    float: left;
    font-size: 20px;
    display: block;
    font-weight: bold; color: #4A74FF;
}
.follow-us-box ul{
    width: 100%;
    float: left;
    margin-top: 10px;
    display: block;
}
.follow-us-box ul li{
    width: auto;
    float: left;
    display: inline-block;
    margin-right: 15px;
} 
.follow-us-box ul li a i{
     font-size: 17px;
    color: #fff;
}
.follow-us-box ul li a 
{
        padding: 5px;
    background: #fff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    float: left;
    text-align: center;
}
.follow-us-box ul li a.facebook{
background: #4675ec;
    border: 1px solid #4675ec;
}
.follow-us-box ul li a.facebook:hover{
background: none;
}
.follow-us-box ul li a.facebook:hover i{
    color: #4675ec;
}
.follow-us-box ul li a.twitter{
background: #33b4ff;
        border: 1px solid #33b4ff;
}
.follow-us-box ul li a.twitter:hover{
background: none;
}
.follow-us-box ul li a.twitter:hover i{
    color: #33b4ff;
}
.follow-us-box ul li a.pinrest{
background: #f05257;
        border: 1px solid #f05257;
}
.follow-us-box ul li a.pinrest:hover{
background: none;
}
.follow-us-box ul li a.pinrest:hover i{
color: #f05257;
}
.news-lettter-box-bottom{
    width: 100%;
    float: left;
    display: block;
    margin-top: 90px;
}
.news-lettter-box-bottom .head{
    width: 100%;
    float: left;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 30px;
    font-family: 'Roboto', sans-serif;
    text-align: center;
    color: #4A74FF;
}
.news-lettter-box-bottom  span {
    width: 185px;
    margin: 0px auto;
    position: relative;
    display: block;
}
.news-lettter-box-bottom  span:after {
    content: "";
    border-bottom: 6px solid #43356A;
    width: 100%;
    margin-top: 1px;
    display: block;
}
.news-lettter-box-bottom p{
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 40px;
    font-size: 16px;
    margin-bottom: 20px;
        color: #4A74FF;
}
.news-lettter-box-bottom .mail-box{
    width:450px;
    margin: 0px auto;
display: block;
}

.news-lettter-box-bottom .mail-box form{
    width:100%;
    float: left;
    display:block;position: relative;
}
.news-lettter-box-bottom .mail-box form button{
     width: 34px;
    position: absolute;
    right: 3px;
    top: 6px;
    background: none;}
.news-lettter-box-bottom .mail-box form input{
    width: 100%;
    float: left;    padding: 8px 1rem;
    box-sizing: border-box;border: 1px solid #b7b7b7;
}

.news-lettter-box-bottom .mail-box form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #cbcbcb;
}
.news-lettter-box-bottom .mail-box form input::-moz-placeholder { /* Firefox 19+ */
  color: #cbcbcb;
}
.news-lettter-box-bottom .mail-box form input:-ms-input-placeholder { /* IE 10+ */
  color: #cbcbcb;
}
.news-lettter-box-bottom .mail-box form input:-moz-placeholder { /* Firefox 18- */
  color: #cbcbcb;
}
.bannerSlider .about-banner-head h2{
    color: #212178;
    margin-bottom: 50px;
}
.bannerSlider .about-banner-head a {
    margin-left: 75px;
}
.about-content-bg{
    width: 100%;
    float: left;
    display: block;
    background: url(../images/about-content-image.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 70px 0 230px;
}
.about-content-inner-container{
    width: 70%;
    margin: 0px auto;
}

.about-top-sub-text{
    width: 820px;
    margin: 0px auto;
    display: block;
}
.about-top-sub-text span{
    width: 100%;
    float: left;
    display: block;    color: #090909;
    text-align: center;
    font-size: 22px;     font-weight: bold;
    margin-top: 25px;    line-height: 30px;
}
.about-heading{
    color: #4214C4;
}

.about-heading span {
    width: 295px;
    margin: 0px auto;
    position: relative;
    display: block;
}
.about-heading span:after {
    width: 295px;
    margin: 0px auto;
    position: relative;
}
.about-content-box{
    float: left;    width: 709px;
    display: block;
    margin-top: 70px;
    
}
.about-content-box p{
    width: 100%;
    float: left;
    padding-bottom: 40px;
    display: block;
}
.diamond-report-left{
    width: 50%;
    float: left;
    display: block;
}
.diamond-report-left .icon{
    width: 90px;
    margin: 0px auto;
}
.diamond-report-head{
    width: 100%;
    float: left;
    text-align: center;    color: #212178;
     margin-bottom: 0px;
    font-weight: bold;text-shadow: 0px 3px 6px #00000029;
        font-size: 60px;
    margin-top: 20px;    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
}
.diamond-report-head span{
    text-align: center;
    color: #070707;
    font-weight: normal;
    margin-top: 30px;
    
}
.report-middle{
    width: 100%;
    background: #e3e3e3;
    float: left;
   padding: 90px 0 0;
    display: block;
}
.report-middle-left{
    width: 45%;
    float: left;
    display: block;
    padding-left: 5%;
}
.report-middle-left p {
    padding-top: 50px;
    float: left;
    font-size: 21px;
    line-height: 30px;
    color: #484848;
    width: 100%;
    font-weight: normal;
}
.report-middle-left .heading{
    width: auto;
    float: left;
    margin-bottom: 90px;
    display: block;
    padding: 25px;border-radius: 30px;
    text-align: center;
    font-weight: 600;
    color: #090909;
    background: #c3edea;    font-size: 60px;
    text-transform: uppercase;    font-family: 'Roboto', sans-serif;
}
.report-middle-right{
    width: 45%;
    float: right;
    display: block;
    padding-right: 0;
}
.certificate-left-banner{
    width: 70%;
    float: left;
    display: block;
}
.certificate-left-banner .heading
{width: 100%;
    float: left;
    color: #ffffff;
    font-weight: normal;
    text-shadow: none;
    font-weight: 600;
    line-height: 70px;
    font-size: 56px;text-shadow: 0px 3px 6px #00000029;
}
.bannerSlider .certificate-slide-text{
        top: 450px;
}

.bannerSlider .certificate-slide-text a {
    border: 1px solid #FCE38A;
        margin-left: 0;
    margin-top: 200px;
    color: #fff;
}
.certificate-middle{
    width: 100%;
    float: left;
    display: block;
    background: #f8f8f8;
padding: 100px 0;
}
.certificate-middle .about-heading span:after {
    width: 606px;
}
.certificate-middle .about-heading span {
    width: 608px;
}
.certificate-middle-sub-text{
    width: 970px;
    margin: 0px auto;
    display: block;
}
.certificate-middle-sub-text span {
    width: 100%;
    float: left;
    display: block;
    color: #090909;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    margin-top: 40px;
    line-height: 30px;
}
.certificate-middle .inner-content p {
    width: 100%;    text-align: center;
    font-weight: inherit;
    font-size: 19px;
    margin-top: 20px;
    margin-top: 50px;
    line-height: 26px;
    margin-bottom: 50px;
    float: left;    color: #414141;
}
.certificate-middle .inner-content {
    width: 100%;
    margin: 0px auto;
}
.certificate-image-middle{
    width: 1150px;
margin: 0px auto;
}

.certificate-inner-container {
    width: 1250px;
    margin: 0px auto;
}
.certificate-bottom-text{
    width: 100%;
    float: left;
    display: block;
}
.certificate-bottom-text p{
    width: 100%;
    text-align: center;
    font-weight: inherit;
    font-size: 23px;
    margin-top: 20px;
    margin-top: 50px;
    line-height: 35px;
    margin-bottom: 0;
    float: left;
    color: #090909;
}
.jewelry-report-icon{
    width:350px;
    margin: 0px auto;
}
.jewelry-report-left {
    width: 50%;
    float: left;
    display: block;
}
.jewelry-report-head {
    width: 100%;
    float: left;letter-spacing: 3px;
    text-align: center;
    color: #FF8A04;text-shadow: 0px 3px 6px #00000029;
    margin-bottom: 0px;
    font-weight: bold;    font-family: 'Roboto', sans-serif;
    font-size: 60px;
    margin-top: 20px;
    text-transform: uppercase;
}
.jewelry-report-head span {
    text-align: center;
    color: #070707;
    font-weight: normal;
    margin-top: 30px;
}
.bannerSlider .jewelry-report-left  a {
    margin-left: 101px;    padding: 7px 10px;    font-size: 18px;
}
.jewelry-report-headg-2{
  width: 100%;
    float: left;
    display: block;
    font-size: 50px;
    text-transform: uppercase;
    color: #fff;
    padding: 20px;
    text-align: center;
    background: #F38181; 
}
.jewelry-sample-report{
    width: 100%;
    float: left;
background: url(../images/sample-report-background.jpg);
    background-size: cover;
  background-repeat: no-repeat;
    padding: 100px 0;
    background-position: center;
}
.jewelry-sample-report .heading{
    width: 100%;
    float: left;
    display: block;
    margin-bottom: 40px;
    color: #C63B3B;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    font-size: 44px;    font-family: 'Roboto', sans-serif;
}
.jewelry-sample-report-inner{
    width: 800px;
    margin: 0px auto;
}
.jewelry-sample-report .box-outer{
    width: 100%;
    float: left;
    display: block;
}
.jewelry-sample-report .box-outer .grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
  grid-gap: 20px;
  align-items: stretch;

}

.jewelry-sample-report .box-outer .grid > article {
border: 10px solid #707070;    
}
.jewelry-sample-report .box-outer .grid > article:hover{
   border: 10px solid #C63B3B;     transition: color 0.25s;
}

.jewelry-sample-report .box-outer .grid > article img {
  max-width: 100%;
}
.jewelry-assessment-bg{
    width: 100%;
    float: left;
    display: block;
    background: #D63447;
    padding: 150px 0;
}
.jewelry-assessment-conatainer{
    width: 1200px;
    margin: 0px auto;
}
.jewelry-assessment-conatainer .heading{
    width: 100%;
    float: left;
    display: block;
    text-align: center;
     font-size: 45px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 50px;
    text-decoration: underline;
}
.jewelry-assessment-conatainer p{
width: 100%;
    float: left;
    text-align: center;
    font-size: 32px;
    line-height: 50px;
    color: #fff;
    
    padding-bottom: 30px;
}
.bannerSlider .technical-babber-left{
    left: 0;
    top: 230px;
    width: 400px;
}
.technical-banner-head{
    width: auto;
    background: #d1d4e1;
    padding: 15px 35px;
    float: left;
    font-size: 50px;
    color: #590BF6;
    font-weight: 600;font-family: 'Roboto', sans-serif;
}
.bannerSlider .more-detail {
    width: 100%;
    float: left;
    display: block;
}
.bannerSlider .more-detail a {
    width: auto;
    text-align: center;
    border: 1px solid #FFF700;
    text-transform: uppercase;
    padding: 6px 10px;
    font-size: 18px;
    margin-left: 35px;
    outline: 0;
    float: left;
    margin-top:20px;
    color: #fff;
}
.technical-report-headg-2 {
    width: 100%;
    float: left;
    display: block;
    font-size: 50px;
    font-weight: 600;
    color: #fff;
    padding: 20px;    font-family: 'Roboto', sans-serif;
    text-align: center;
    background: #726A95;
}
.technical-report-team{
    width: 1170px;
    margin: 0px auto;
}
.technical-report-box{
    width: 100%;
    float: left;
    display: block;
    padding: 70px 0;
    background: #FBFBFB;  

}
.technical-image-box{
    width: 38%;
    display: block;
}
.technical-image-box img{
    box-shadow: 0px 6px 6px #00000029;
}
.technical-content-box{
    width: 58%;
    display: block;
}
.left-align{
     float: left;
}
.right-align{
     float: right;
}
.technical-content-head
{
    width: 100%;
    float: left;
    display: block;
    font-size: 40px;
    margin: 30px 0;
    color: #041061;
  font-family: 'Ananda Black Regular';
}
.technical-content-box p{
    width: 100%;
    font-size: 21px;
     line-height: 35px;
    margin-bottom: 0;
    float: left;
    color: #070707;
}
.technical-box-shadow{
  -moz-box-shadow:0 5px 5px rgba(182, 182, 182, 0.75);
     -webkit-box-shadow: 0 5px 5px rgba(182, 182, 182, 0.75);
     box-shadow: 0 5px 5px rgba(182, 182, 182, 0.75);
    margin-bottom: 5px;
}
.banner-top-white{
    width: 100%;
    float: left;
    position: absolute;
    top: 0;
    height: 118px;
    background: #fff;
}
.modal {
  text-align: center;

}

.modal:before {
  display: inline-block;
  vertical-align: middle;
  content: " ";
  height: 100%;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
        min-width: 1000px;
    width: 1000px;
}
.modal-dialog .modal-body {
    padding: 0px 0px 0px;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    font-size: 20px;
    color: #000;
}

.report-container {
    display: grid;
    grid-template-columns: 1fr 1fr; /* Two equal columns */
    gap: 10px; /* Space between columns */
    width: 1200px;
    margin: auto;
    padding-top: 200px;
    font-size: 18px;
    padding-bottom: 30px;
}
.report-container .left, .report-container .right {
    padding: 20px;
    display: flex;
    align-items: stretch; /* Ensures both divs stretch equally */
}
.report-container .left form {
    width: 100%;    
}
.report-container .left  input[type=text] {
   border: solid 1px #999;
   border-radius: 0px;
   box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
   height: 40px;
   font-size: 18px;
}  
.report-container .right {

    border: solid 1px #19743f;
    background-color: #c2efd6;
    display: block;
    text-align: center;
}
.get-report-button {
    border: solid 1px #999;
    border-radius: 0px;
    background-color: #95e1d3;
    color: #ffffff;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    height: 40px;
    width: 100%;
 }  
 .get-report-button:hover {
    background-color: #d40855; /* Darker shade on hover */
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5); /* More shadow effect */
    cursor: pointer; /* Shows hand cursor on hover */
}
.report-title, .report-fail {
    display: block;
    width: 100%;
    margin-bottom: 20px;
}
.report-title {
    color: #071257;
    padding-bottom: 30px;
}
.download-report-button {
    border: solid 1px hsl(0, 0%, 0%);
    border-radius: 0px;
    background-color: #071257;
    color: #ffffff;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    height: 40px;
    width: 100%;
    margin-top: 20px;
 }  
 .download-report-button:hover {
    background-color: #d40855; /* Darker shade on hover */
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5); /* More shadow effect */
    cursor: pointer; /* Shows hand cursor on hover */
}
.disabled-download-button {
    background-color: #ccc !important;  /* Grey background */
    color: #666 !important;  /* Dim text */
    cursor: not-allowed !important;  /* Show disabled cursor */
    opacity: 0.6;  /* Reduce opacity */
}
.report-title {
    font-size: 24px;
    font-weight: bold;
}

.report-fail {
    color: #d40855;
    margin-bottom: 30px;
}
.form-error-sku, .form-error-invoice, .form-error-customer{
    color: red;
    font-size: 14px;
}

.footer-logo img{
    width: 175px
}

.footer-class {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.footer-col1 {
    width: 50%;
    display: flex;
    align-items: center;
}

.footer-logo {
    flex-shrink: 0;
}

.footer-note {
    padding-left: 20px;
}

.footer-col2 {
    width: 50%;
    display: flex;    
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.footer-col2 .link-box {
    display: inline-block;
    padding: 10px;
    text-align: left;
}

.link-box div {
    padding-bottom: 20px;
}

.link-box div .get-intouch{
    color: #05338f;
    font-size: 18px;
}
.link-box div .ph-num {
    color: #4b5860;
    outline: 0;
    font-size: 22px;  
}
.link-box div .ph-num:hover {
    color: #1e3949;
    outline: 0;
    font-size: 22px;  
}


.bottom-line {
    width: 100%;
    text-align: center;    
    padding-top: 4px;
    border-top: solid 1px  rgb(173, 169, 169);
    margin-top: 30px;
}
.bottom-line p {
    font-size: 13px;
    color: rgb(113, 110, 110);
}
.bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
}