@media (max-width: 1023px) {
   
.offcanvas-menu .offcanvas-inner ul.menu > li > a,
.offcanvas-menu .offcanvas-inner ul.menu > li > span {
    font-size: 20px !important;
  font-weight: 600;
}
   
   a#btn-b9824209-fa28-4cab-8861-0b498571efd10 {
		font-size: 13px;
        padding: 10px 25px;
    }
   
   #sppb-addon-d662d0a0-bfc8-4543-b191-b93e9d2e6b4e .sppb-addon-table-main.bt tbody td:before, #sppb-addon-d662d0a0-bfc8-4543-b191-b93e9d2e6b4e .sppb-addon-table-main.bt tbody td:before, #sppb-addon-d662d0a0-bfc8-4543-b191-b93e9d2e6b4e .sppb-addon-table-main th {
    background: #EEE0D7;
} 
   
     .offcanvas-menu .offcanvas-inner ul.menu>li>ul li a {
    padding-bottom: 19px;
}
  
   
.d-flex.header-modules.mb-3 {
    display: none !important;
}
   .predict .pull-left {
    margin-right: 7px;
}
  
  body {
    background-color: #FFFCF5 !important; /* Replace #f0f0f0 with your desired color */
}
  
  .socialicon img.sppb-img-responsive:hover {
    transform: scale(1.5);
    transition: transform 0.3s ease; /* Adds smooth transition */
}
  
  /*blog system padding text*/
  div#column-wrap-id-a7d60a10-2b36-4e25-be37-c920a12d1f7c {
    padding-left: 0px;
}
  
  div#column-wrap-id-8c671318-cd1a-4b39-bd3a-61d9cf5b526c {
    padding-left: 0px;
}
   
   
}

/*mobile version*/
@media (max-width: 991px) {
      #sp-header {
        height: 50px;
    }
  
  
}

@media (max-width: 767px) {
  
.socialicon img.sppb-img-responsive:hover {
    transform: scale(1.5);
    transition: transform 0.3s ease; /* Adds smooth transition */
}
  
  li.item-396, 
li.item-397, 
li.item-398, 
li.item-399, 
li.item-406, 
li.item-400, 
li.item-403, 
li.item-407, 
li.item-401, 
li.item-402, 
li.item-404 {
    padding-bottom: 5px;
}
  
    li.item-363,li.item-372,
  li.item-373,
  li.item-374,li.item-368,li.item-370,li.item-371{
     padding-bottom: 5px;
  }
  
  
  /*feature box box shadow*/

div#column-wrap-id-be8c1428-4357-4ad7-b6fa-3747cb2e423f {
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
    border-radius: 60px;
}
div#column-wrap-id-7c2a1225-770c-4521-a850-3aaa8ea9bd8a{
  	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
    border-radius: 60px;

  }
div#column-wrap-id-f68086c4-3b99-4f0e-a45e-5838e621e66a{
  	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
    border-radius: 60px;
}


div#column-wrap-id-57d5ab38-8fc8-4555-95f1-6331e025c455 {
    border-radius: 60px;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
}

div#column-wrap-id-d35eb0de-33c7-47a0-9bc8-e13e985ea319{
   border-radius: 60px;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
}

div#column-wrap-id-41cc453e-1eed-43f8-a873-8bbb32bf75ab{
  	border-radius: 60px;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
}


div#column-id-39b110c9-b74e-4272-8512-2b1b4baf6271{
	border-radius: 60px;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
 
}

div#column-id-3bdb7181-57de-4320-ab3d-32de6bdad6cc{
	border-radius: 60px;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
  	
}

div#column-id-535222f1-df09-405f-919e-93acf601466e{
	border-radius: 60px;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
  	
}

  .animatednumber .sppb-animated-number-title {
        font-family: Cormorant Garamond;
    }
  
  .logo-image {
    height: 50px;
}
  
  
  .sp-page-title {
    background: #204289;
    height: 290px;
}
  
  .sp-page-title .sp-page-title-heading {
    line-height: 1;
    font-family: 'Cormorant Garamond', sans-serif !important;
    font-size: 40px !important;
    font-weight: 700 !important;
    color: #204289 !important;
    padding: 75px 75px;
    text-align: center !important;
}
  
  .sp-page-title .breadcrumb {
    display: none;
}
  
  #sppb-addon-54211740-5938-4519-89e9-dcce6e2c1d45 img {
    width: 300px !important;
    height: 55px !important;;
}
  
  /*title style*/
  .sppb-addon.sppb-addon-text-block.title-style-001 h1{
    color:#000;
	font-size:30px !important;
}
  
  .title-style-001 h1 {
    color: #000;
    font-size: 30px !important;
}
  
   .title-style-001 h1 strong {
    display: block;
    color: #204289;
    font-size: 40px !important;
    /*text-transform: uppercase;*/
}
  
  
	.sppb-addon.sppb-addon-text-block.title-style-001 h1 strong{
	display: block;
	color:#204289;
	font-size:40px !important;
  }
  
  /*button*/
    /*Primary Button*/
.btn-primary, .sppb-btn-primary {
 	font-size: 13px;  
    transition: background-color 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
    padding: 10px 25px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
  	color: #ffffff !important;
}

/* Hover effect for button */
.btn-primary:hover, .sppb-btn-primary:hover {
    transform: scale(1.1);
    box-shadow: 4px 5px 17px -4px #268391;
}

/* Create the animated background effect */
.btn-primary::before, .sppb-btn-primary::before {
    content: "";
    position: absolute;
    left: -50px;
    top: 0;
    width: 0;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.2); /* Add background color */
    transform: skewX(45deg);
    z-index: -1;
    transition: width 1000ms;
}

/* Hover effect for expanding the background */
.btn-primary:hover::before, .sppb-btn-primary:hover::before {
    width: 250%;
}


/*Secondary Button-our lawyer-homepage*/
/* Existing secondary button styles */
.btn-secondary, .sppb-btn-secondary {
  	font-size: 13px;  
  	padding: 10px 25px;
    border-color: #EEE0D7 !important;
    background-color: #EEE0D7 !important;
    color: #000000 !important;
    position: relative;
    overflow: hidden;
    transition: background-color 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
}

/* Existing hover styles for secondary button */
.sppb-btn-secondary:hover {
    
}

/* New hover effect for scale and shadow */
.btn-secondary:hover, .sppb-btn-secondary:hover {
    transform: scale(1.1);
    box-shadow: 4px 5px 17px -4px #268391;
}

/* Create the animated background effect */
.btn-secondary::before, .sppb-btn-secondary::before {
    content: "";
    position: absolute;
    left: -50px;
    top: 0;
    width: 0;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.2); /* Optional: Adjust to your preferred color */
    transform: skewX(45deg);
    z-index: -1;
    transition: width 1000ms;
}

/* Hover effect for expanding the background */
.btn-secondary:hover::before, .sppb-btn-secondary:hover::before {
    width: 250%;
}

  
  /*info button*/
   .btn-info, .sppb-btn-info {
        background-color: #EEE0D7 !important;
        border-color: #EEE0D7 !important;
        color: #000000;
        padding: 10px 30px;
        transition: background-color 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
        cursor: pointer;
        position: relative;
        overflow: hidden;
    }


/* Hover effect for button */
.btn-info:hover, .sppb-btn-info:hover {
    transform: scale(1.1);
    box-shadow: 4px 5px 17px -4px #268391;
  	border-color: #EEE0D7;
    background-color: #EEE0D7;
  	color:#000000;
}

/* Create the animated background effect */
.btn-info::before, .sppb-btn-info::before {
    content: "";
    position: absolute;
    left: -50px;
    top: 0;
    width: 0;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.2); /* Add background color */
    transform: skewX(45deg);
    z-index: -1;
    transition: width 1000ms;
}

/* Hover effect for expanding the background */
.btn-info:hover::before, .sppb-btn-info:hover::before {
    width: 250%;
}

  
  /*home css*/
.aboutus:before {
    content: "";
    position: absolute;
    top: 64px;
    left: -289px;
    background-image: url(/images/00-SigmaDental/Home/about/aboutuseclipse1pinkbig.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 768px;
    height: 651px;
}

    .aboutus:after {
        content: "";
        position: absolute;
        top: 47%;
        right: -9%;
        background-image: url(/images/00-SigmaDental/Home/about/aboutuseclipse2.png);
        background-repeat: no-repeat;
        background-size: contain;
        width: 20vw;
        height: 20vw;
    }

  .dentistbg:before {
    content: "";
    position: absolute;
    top: 14%;
    right: -15%;
    background-image: url(/images/00-SigmaDental/Home/dentist/ourdentist3.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 93vw;
    height: 93vw;
    z-index: -1;
}
  
  .dentist:before {
    content: "";
    position: absolute;
    top: 12%;
    right: 75%;
    background-image: url(/images/00-SigmaDental/Home/dentist/ourdentist2.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 13vw;
    height: 13vw;
    z-index: 9;
}
  .dentistbg:after {
    content: "";
    position: absolute;
    top: 77%;
    right: 0%;
    background-image: url(/images/00-SigmaDental/Home/dentist/ourdentist1.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 20vw;
    height: 20vw;
    z-index: -1;
}

      .dentist:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 8%;
        background-image: url(/images/00-SigmaDental/Home/Testi/SigmaDental.png);
        background-repeat: no-repeat;
        background-size: contain;
        width: 140vw;
        height: 140vw;
    }
    
    
    
    
    
    
      .testi:after {
        content: "";
        position: absolute;
        top: 0%;
        right: 20%;
        background-image: url(/images/00-SigmaDental/Home/Testi/SigmaDental.png);
        background-repeat: no-repeat;
        background-size: contain;
        width: 90vw;
        height: 90vw;
    }
  
  /*our services*/
  #sppb-addon-30fe8a4b-32a2-42f4-8433-0fb76114c020 img {
    border-radius: 30px !important;
}
  
  #sppb-addon-50c357d3-bb42-40c9-a1e6-faeac7cd4575 img{
    border-radius: 30px !important;
  }
  
  #sppb-addon-29a2a7c7-c5cb-455f-82c4-1eea14a4353e img{
    border-radius: 30px !important;
  }
  
  #sppb-addon-06499900-cbea-4605-b890-8908f267c1c6 img{
    border-radius: 30px !important;
  }
  
  /*testimonial*/
     
 .testi .sppb-carousel-extended-outer-stage {
    padding: 20px 0px;
}

  
 .sppb-carousel-extended-item {
        text-align: center;
        background-color: #ffffff;
        border-radius: 90px;
        box-shadow: 2px 5px 10px rgba(0, 0, 0, 0.2);
        height: 300px;
   		margin-right: 10px;
    }
  
.testi .sppb-carousel-extended-item {
        text-align: center;
        background-color: #ffffff;
        border-radius: 90px;
        box-shadow: 2px 5px 10px rgba(0, 0, 0, 0.2);
        height: 300px;
   		margin-right: 10px;
    }


.sppb-carousel-extended-outer-stage {
    padding: 33px;
}


.sppb-testimonial-carousel-designation {
    margin-bottom: 40px;
}

span.sppb-carousel-extended-dot-indicator.active {
    background-color: #204289 !important;
}
  
.testi .sppb-carousel-extended-dots {
    margin-bottom: 0px !important;
}
  
  
 .testi span.sppb-carousel-extended-dot-indicator {
   color: #204289;
}
  

.sppb-testimonial-carousel-message {
    padding-top: 50px;
    padding-right: 30px;
    padding-bottom: 20px;
    padding-left: 30px;
  }

/*testifiednavigationbutton*/
  
  /*technology navi butto*/
  .technology .sppb-carousel-extended-nav-control .nav-control{
    height: 40px !important;
    line-height: 50px !important;
    width: 40px !important;
    font-size: 10px !important;
}
  
  
  .technology span.next-control.nav-control{
    margin-right: -40px !important;
  }
  
   .technology span.prev-control.nav-control{
    margin-left: -30px !important;
  }
  
  
  
  span.prev-control.nav-control{
    margin-left: 0px !important;
  }
  
  span.next-control.nav-control{
     margin-right: 0px !important;
  }
  
  /*knwledge padding bottom*/
  .col-lg-4 {
    padding-bottom: 20px !important;
}
  .article-ratings-social-share.d-flex.justify-content-end {
    display: none !important;
}
  
  /*articles padding-career page*/
  .sppb-col-xs-6.sppb-col-sm-4.sppb-col-md-4.sppb-col-lg-4.sppb-col-12 {
    padding-bottom: 20px !important;
}
  
  
  /*form*/
  
  /*back to top button adjust*/
.sp-scroll-up {
    bottom: 20px !important;
    right: 100px !important;
}
  
  #sp-footer a, #sp-bottom a {
    color: #000000;
}
  

  
  
 .bfQuickMode input, .bfQuickMode textarea {
    border: 0;
    border-bottom: 1px solid #000000;
    border-radius: 0;
    background-color: #EEE0D7;
}
  
  
  .form-group {
    display: flex;
    justify-content: flex-end;
}
  
  .bfQuickMode button {
     border-radius: 20px;
}
  
  
  textarea#ff_elem52 {
    height: 100px !important;
}
  
 
  .form-control:focus {
    background-color: #EEE0D7;
    border-color: #000000;
  }
  
  
  /*css*/
  /*homepage*/
      .aboutus:before {
        content: "";
        position: absolute;
        top: 4%;
        left: -45%;
        background-image: url(/images/00-SigmaDental/Home/about/aboutuseclipse1pinkbig.png);
        background-repeat: no-repeat;
        background-size: contain;
        width: 120vw;
        height: 120vw;
    }
     
          .alignerhome:before {
        content: "";
        position: absolute;
        top: 12%;
        right: -12%;
        background-image: url(/images/00-SigmaDental/Home/alignernnbraces/Ellipse441.png);
        background-repeat: no-repeat;
        background-size: contain;
        width: 25vw;
        height: 25vw;
    }
  
         .implant1:before {
        content: "";
        position: absolute;
        bottom: 45%;
        left: -21%;
        background-image: url(/images/00-SigmaDental/Home/implant/Ellipse446.png);
        background-repeat: no-repeat;
        background-size: contain;
        width: 120vw;
        height: 120vw;
    }
  
  .implant2:before {
        content: "";
        position: absolute;
        bottom: 591px;
        left: 563px;
        background-image: url(/images/00-SigmaDental/Home/implant/Ellipse442.png);
        background-repeat: no-repeat;
        background-size: contain;
        width: 80px;
        height: 80px;
    }
  
  .comprehensive:before {
    content: "";
    position: absolute;
    bottom: 37%;
    right: 7%;
    background-image: url(/images/00-SigmaDental/Aboutus/commm.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 197vw;
    height: 197vw;
}
  
  
  
  /*vision section*/

/*feature box mission vision size*/
.vision img.sppb-img-responsive {
    width: 80px;
}

.missions:before {
    content: "";
    position: absolute;
    top: 20px;
    right: -65px;
    background-image: url(/images/00-SigmaDental/Aboutus/solution.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 800px;
    height: 800px;
}

.missions:before {
    content: "";
    position: absolute;
    top: 20px;
    right: -65px;
    background-image: url(/images/00-SigmaDental/Aboutus/solution.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 800px;
    height: 800px;
}
  .ourdent:before {
        content: "";
        position: absolute;
        top: 4%;
        left: -49%;
        background-image: url(/images/00-SigmaDental/Aboutus/dentist2.png);
        background-repeat: no-repeat;
        background-size: contain;
        width: 140vw;
        height: 140vw;
    }
  
      .ourdent:after {
        content: "";
        position: absolute;
        top: 93%;
        left: 71%;
        background-image: url(/images/00-SigmaDental/Aboutus/dentist1.png);
        background-repeat: no-repeat;
        background-size: contain;
        width: 15vw;
        height: 15vw;
        z-index: 4;
    }
  
  
  .pae:before {
    content: "";
    position: absolute;
    bottom: 79%;
    right: 66%;
    background-image: url(/images/00-SigmaDental/Ourservice/pae2.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 25vw;
    height: 25vw;
    z-index: 8;
}
      .pae:after {
        content: "";
        position: absolute;
        bottom: 60%;
        right: 10%;
        background-image: url(/images/00-SigmaDental/Ourservice/pae1.png);
        background-repeat: no-repeat;
        background-size: contain;
        width: 20vw;
        height: 20vw;
    }
  
  
 .wisdom:after {
    content: "";
    position: absolute;
    bottom: 85%;
    left: 2%;
    background-image: url(/images/00-SigmaDental/Ourservice/wisdom1.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100px;
    height: 100px;
    z-index: 7 !important;
}
  .wisdom:before {
    content: "";
    position: absolute;
    bottom: 66%;
    right: 15%;
    background-image: url(/images/00-SigmaDental/Ourservice/wisdom2.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 14vw;
    height: 14vw;
    z-index: 5;
}
  
          .testi:before {
        content: "";
        position: absolute;
        top: 23%;
        left: 90%;
        background-image: url(/images/00-SigmaDental/Home/Testi/testi.png);
        background-repeat: no-repeat;
        background-size: contain;
        width: 18vw;
        height: 28vw;
    }
  

     
  
  .aligner:before {
    content: "";
    position: absolute;
    top: 32%;
    right: 48%;
    background-image: url(/images/00-SigmaDental/AlignerBraces/aligner3.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 48vw;
    height: 48vw;
}
  
  .aligner:after {
    content: "";
    position: absolute;
    top: 8%;
    left: 72%;
    background-image: url(/images/00-SigmaDental/AlignerBraces/aligner1.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 18vw;
    height: 18vw;
    z-index: 12;
}
  

      .technology .sppb-carousel-extended-item {
        height: 290px !important;
        box-shadow: none;
    }
  
  ul.menu {
  list-style: none;
  padding: 0;
  margin: 0;
}

  .aboutimplant3:before {
    content: "";
    position: absolute;
    bottom: -10%;
    right: -5%;
    background-image: url(/images/00-SigmaDental/Implant/imp3.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 120vw;
    height: 120vw;
}
  .aboutimplant2:after {
    content: "";
    position: absolute;
    bottom: -16%;
    right: 12%;
    background-image: url(/images/00-SigmaDental/Ourservice/impla1.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 17vw;
    height: 17vw;
    z-index: 8;
}
  
  
  
    .contact:before {
        content: "";
        position: absolute;
        top: 18%;
        left: -5%;
        background-image: url(/images/00-SigmaDental/ContactSigma/contact.png);
        background-repeat: no-repeat;
        background-size: contain;
        width: 110vw;
        height: 110vw;
    }
  
  
  }