/*
The main.scss file serves as the primary stylesheet for your website or web application. 
It acts as the central hub where you can import and organize various stylesheets, including those for different pages
and posts. This file helps maintain consistency in design, while also allowing customization for specific pages or posts.
*/
/*
The mixins.scss file is used to define reusable pieces of CSS code known as mixins. 
Mixins are essentially groups of CSS declarations that can be reused in multiple places, providing a convenient way 
to encapsulate styles and promote code modularity. This file helps in maintaining consistent styles and simplifying 
the process of updating or modifying common patterns or components across a project.
*/
@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
body {
  margin: 0px auto;
}

body {
  background-color: #ffffff;
  color: #000;
  font-size: 20px;
  font-weight: 300;
  line-height: 28px;
  font-family: "Roboto", serif;
}

.bannerfont {
   font-family: "Playfair Display", serif;
  color: #fff !important;
}

.bannerfont-reverse {
   font-family: "Playfair Display", serif;
  color: #000000 !important;
}

.signeta {
  font-family: "Signeta", Sans-serif !important;
}

html, body {
  width: auto !important;
  overflow-x: hidden !important;
}

.dprice, .pdisc {
  margin-top: 0px;
}

h1, h2, h3, h4, h5, h6, p, span, div, body, strong {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smooth: always;
}

.box-icon-container p {
  font-weight: 400 !important;
}

b {
  font-weight: 700;
}

strong {
  font-weight: 700;
}

h1 {
  font-size: 60px;
  font-weight: 300 !important;
   font-family: "Playfair Display", serif;
}
h1 h1, h1 h2, h1 h3, h1 h4, h1 h5, h1 h6, h1 .elementor-heading-title {
  color: #57846E;
  margin: 0 0 0px;
}

h2 {
  font-size: 60px;
  font-weight: 300 !important;
   font-family: "Playfair Display", serif;
}


h3 {
  font-size: 34px;
  font-weight: 300;
  font-family: "Playfair Display", serif;
}


h4 {
  font-size: 24px;
  font-weight: 300;
  font-family: "Playfair Display", serif;
}


h5 {
  font-size: 20px;
  font-weight: 300;
  font-family: "Playfair Display", serif;
}


h6 {
  font-size: 18px;
  font-weight: 300;
   font-family: "Playfair Display", serif;
}

.graycolor {
	color: #4D4D4D!important;
}

 .gradient-text {
            background: linear-gradient(135deg, #57846E, #0077B62E);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

div.elementor-widget-text-editor {
  color: #000;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.4;
  font-family: "Roboto", serif;
}

.big-text.elementor-widget-text-editor h2 {
  font-size: 180px;
}

.elementor-heading-title {
  line-height: 1 !important;
  color: #57846E;
}

.headaccent {
  color: #24B0BA;
}

.content-left {
  float: left;
  width: 48%;
}

.content-right {
  float: right;
  width: 48%;
}

.content-top,
.content-center,
.content-bottom {
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
}

.block {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}

.blocks-wrap {
  text-align: center;
  width: 100%;
}

.inner {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.innertwo {
  max-width: 1240px;
  width: 100%;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.section-wrap {
  display: block;
  margin: 0 auto;
  max-width: 1950px;
  width: 100%;
  padding: 80px 0;
  position: relative;
  z-index: 1;
}

.custom-btn .elementor-button {
  font-size: 20px;
  border-radius: 4px 4px 4px 4px;
  padding: 20px 30px 20px 30px;
  display: inline-block;
  line-height: 1;
  color: #ffffff;
  font-weight: 500;
  background-color: #e47624;
  border: 1px solid #e47624;
  font-family: "Roboto", serif;
}

.custom-btn .elementor-button:hover {
  font-size: 20px;
  border-radius: 4px 4px 4px 4px;
  padding: 20px 30px 20px 30px;
  display: inline-block;
  line-height: 1;
  background-color: #2a5950;
  border: 1px solid #2a5950;
  color: #ffffff;
  font-weight: 500;
  font-family: "Roboto", serif;
}

.custom-transbtn .elementor-button {
  font-size: 20px;
  border-radius: 4px 4px 4px 4px;
  padding: 24px 48px 24px 48px;
  display: inline-block;
  line-height: 1;
  background-color: transparent;
  border: 1px solid #ffffff;
  color: #ffffff!important;
  font-weight: 700;
  font-family: "Roboto", serif;
}

.custom-transbtn .elementor-button:hover {
  font-size: 20px;
  border-radius: 4px 4px 4px 4px;
  padding: 24px 48px 24px 48px;
  display: inline-block;
  line-height: 1;
  color: #ffffff!important;
  font-weight: 700;
  background-color: #C2272D;
  border: 1px solid #C2272D !important;
  font-family: "Roboto", serif;
}

.custom-revbtn .elementor-button {
 font-size: 20px;
  border-radius: 4px 4px 4px 4px;
  padding: 24px 48px 24px 48px;
  display: inline-block;
  line-height: 1;
  background-color: transparent;
  border: 1px solid #C2272D;
  color: #C2272D;
  font-weight: 700;
  font-family: "Roboto", serif;
}

.custom-revbtn .elementor-button:hover {
  font-size: 20px;
  border-radius: 4px 4px 4px 4px;
  padding: 24px 48px 24px 48px;
  display: inline-block;
  line-height: 1;
  color: #ffffff!important;
  font-weight: 700;
  background-color: #C2272D!important;
  border: 1px solid #C2272D !important;
  font-family: "Roboto", serif;
}

.elementor-24 .elementor-element.elementor-element-2640bb6 .pp-gravity-form .gform_footer input[type=submit] {
  margin-top: -20px;
}

.list-top-align.elementor-widget-icon-list ul li {
  align-items: flex-start;
}

.list-top-align.elementor-widget-icon-list ul li .elementor-icon-list-icon {
  padding-top: 5px;
}

.featured img {
  max-width: unset !important;
}

.expert-list .dce-acf-repeater-item {
  list-style: none !important;
}

.teamloop .elementor-heading-title, .teampos, .teambio, .teambiolink {
  text-align: left !important;
}

.testi-loop .testi-image, .testi-say, .testi-name {
  text-align: left !important;
}

.elementor-element.elementor-element-bf2f0dc:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap {
  min-height: 400px !important;
}

.elementor-toggle .elementor-tab-title.elementor-active {
  border-bottom: none;
  background-color: #47C0A3 !important;
}

.hdwork-list.elementor-widget-icon-box .elementor-icon-box-description {
  margin-top: 20px;
}

.gform_wrapper.gravity-theme * {
  box-sizing: border-box;
  margin-bottom: 5px;
}

.elementor-469 .elementor-element.elementor-element-7edaf7f .pp-gravity-form .gfield .gfield_description {
  color: #fff;
  padding-top: 10px !important;
  margin-top: -8px !important;
}

.gform_wrapper.gravity-theme .gfield input.large {
  color: #04050d;
  background: white;
  padding: 8px 8px 8px 8px;
  border-radius: 8px;
}

.elementor-469 .elementor-element.elementor-element-7edaf7f .pp-gravity-form .gfield_label {
  margin-bottom: 10px !important;
}

/* Form */



/* Custom */
.hmsec2 .elementor-icon-box-description {
  margin-top: 10px !important;
}

.hmservices .elementor-icon-box-icon {
  margin-top: -50px !important;
}

.hmservices .elementor-icon-box-content {
  margin-top: -10px !important;
}

.elementor-toggle .elementor-tab-title.elementor-active {
  background-color: #24B0BA !important;
  color: #ffffff !important;
}

.elementor-tab-title {
  border-bottom: 0px solid #d5d8dc !important;
}

.plus-table_text-inner:before {
 content:url("https://webstages.com.au/irock/wp-content/uploads/2025/04/lightning-red.svg")!important;

}

table thead:first-child tr:first-child th {
    border-block-start: 0px solid hsla(0, 0%, 50.2%, .5019607843);
}

td.plus-table-col {
	background:#fff!important;
}


.white-table-footer {
  color: #fff!important;
  background-color: #000000;
  padding: inherit;
}



.elementor-4871 .elementor-element.elementor-element-01fe0ed tbody .plus-table-row th {
    background-color: #000000!important;
}


.elementor-4871 .elementor-element.elementor-element-01fe0ed tbody .plus-table-row:hover th {
    background-color: #000000;
}

.elementor-5101 .elementor-element.elementor-element-3885080f tbody .plus-table-row th {
	background-color: #000000!important;
}

.elementor-5101 .elementor-element.elementor-element-3885080f tbody .plus-table-row:hover th {
	background-color: #000000!important;
}

/*
.elementor-element :where(.swiper-container-horizontal)~.swiper-pagination-bullets .swiper-pagination-bullet {
 width:40px!important;
}
*/
.specialbox {
  margin: 5px;
}

.specialbox:hover {
  margin: -12px;
  z-index: 3;
}

.flipcontainer {
  margin: 5px;
}

.theplus-accordion-wrapper .theplus-accordion-item .plus-accordion-header {
  background-color: #FFFFFF;
  border-style: solid;
  border-width: 1px 0px 1px 0px !important;
  border-color: #000000 !important;
}

.elementor-accordion .elementor-tab-title::before {
  content: "";
  background-image: url("http://localhost/irock/wp-content/uploads/2025/03/light.svg"); /* Replace with your icon URL */
  background-size: contain;
  background-repeat: no-repeat;
  width: 18px; /* Adjust size */
  height: 18px;
  display: inline-block;
  margin-right: 8px;
}

.flipcontainer .flip-image:hover {
  transform: scale(1.07); /* Increase size by 18% */
  z-index: 3;
}

.headphone:before {
  content: url("https://webstages.com.au/irock/wp-content/uploads/2025/03/call-calling.png"); /* */
  color: white !important;
}

.headingphone a {
  color: white !important;
}

.headingphone a:hover {
  color: #C2272D !important;
}

.hmsec1 .inner {
  background-image: none;
  background-color: #000;
}

.footersec {
  background: #000;
}

@media all and (max-width: 1670px) {
	.fullsec1 .featured img {
	max-width: 100% !important;
    margin-left: 0px !important;
	margin-right: 0px !important;
	}
}
@media all and (max-width: 1624px) {
	.theplus-carousel-anything-wrapper .plus-carousel-inner .slick-slide img {
    display: inline-block;
    width: 90%;
	}
	
}

@media all and (max-width: 1366px) {
	
  h1.elementor-heading-title {
    font-size: 50px;
  }
  h2.elementor-heading-title {
    font-size: 50px;
  }
  h3.elementor-heading-title {
    font-size: 28px !important;
  }
  h4.elementor-heading-title {
    font-size: 22px;
  }
  h5.elementor-heading-title {
    font-size: 20px;
  }
  h6.elementor-heading-title {
    font-size: 18px;
  }
  body {
    font-size: 18px;
  }
  h1 {
    font-size: 50px;
  }
  h2 {
    font-size: 50px;
  }
  h3 {
    font-size: 28px !important;
  }
  h4 {
    font-size: 22px;
  }
  .custom-btn .elementor-button {
    font-size: 18px;
    font-weight: normal;
    border-radius: 8px 8px 8px 8px;
    padding: 15px 20px 15px 20px;
    display: inline-block;
    line-height: 1;
    color: #ffffff;
    background-color: #e47624;
    border: 1px solid #e47624;
    font-family: "Roboto", serif;
  }
  .custom-btn .elementor-button:hover {
    font-size: 18px;
    font-weight: normal;
    border-radius: 8px 8px 8px 8px;
    padding: 15px 20px 15px 20px;
    display: inline-block;
    line-height: 1;
    background-color: #2a5950;
    border: 1px solid #2a5950;
    color: #ffffff;
    font-family: "Roboto", serif;
  }
	
	 .custom-transbtn .elementor-button {
    font-size: 18px;
    border-radius: 10px 10px 10px 10px;
    padding: 15px 20px 15px 20px;
    display: inline-block;
    line-height: 1;
    color: #C2272D;
    font-weight: 400;
    background-color: transparent!important;
    border: 1px solid #C2272D;
    font-family: "Roboto", serif;
  }
	
  .custom-transbtn .elementor-button:hover {
    font-size: 18px;
    border-radius: 10px 10px 10px 10px;
    padding: 15px 20px 15px 20px;
    display: inline-block;
    line-height: 1;
    color: #fff!important;
    background-color: #C2272D!important;
    border: 1px solid #C2272D;
    font-weight: 400;
    font-family: "Roboto", serif;
  }
 

 .custom-revbtn .elementor-button {
 font-size: 18px;
  border-radius: 4px 4px 4px 4px;
  padding: 15px 20px 15px 20px;
  display: inline-block;
  line-height: 1;
  background-color: #ffffff!important;
  border: 1px solid #C2272D;
  color: #C2272D!important;
  font-weight: 700;
  font-family: "Roboto", serif;
}

.custom-revbtn .elementor-button:hover {
  font-size: 18px;
  border-radius: 4px 4px 4px 4px;
  padding: 15px 20px 15px 20px;
  display: inline-block;
  line-height: 1;
  color: #ffffff!important;
  font-weight: 700;
  background-color: #C2272D!important;
  border: 1px solid #C2272D !important;
  font-family: "Roboto", serif;
}
	
  .elementor-24 .elementor-element.elementor-element-1823239:not(.elementor-motion-effects-element-type-background) {
    background-image: none !important;
  }
	
  .mt .featured img {
	 max-width: 100% !important;
     margin-left: 0px !important;
	}
	
  .videosec .featured img {
	 max-width: 100% !important;
     margin-left: 0px !important;
	}
	
}



@media all and (max-width: 1150px) {
  .elementor-469 .elementor-element.elementor-element-a386481 > .elementor-background-overlay {
    background-image: none !important;
  }
  h1.elementor-heading-title {
    font-size: 40px;
  }
  h2.elementor-heading-title {
    font-size: 40px;
  }
  h3.elementor-heading-title {
    font-size: 28px !important;
  }
  h4.elementor-heading-title {
    font-size: 20px;
  }
  h5.elementor-heading-title {
    font-size: 18px;
  }
  h6.elementor-heading-title {
    font-size: 16px;
  }
  body {
    font-size: 16px;
  }
  div.elementor-widget-text-editor {
    color: #000;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4;
  }
  .featured img {
    max-width: 100% !important;
    margin-left: 0px !important;
  }
  .inner {
    padding-left: 10px;
    padding-right: 10px;
  }
  .elementor-24 .elementor-element.elementor-element-bb781c3 > .elementor-background-overlay {
    background-image: none !important;
  }
  .elementor-24 .elementor-element.elementor-element-5f00190 > .elementor-background-overlay {
    background-image: none !important;
  }
  .elementor-24 .elementor-element.elementor-element-52e34ce:not(.elementor-motion-effects-element-type-background) {
    background-image: none !important;
  }
  .elementor-469 .elementor-element.elementor-element-6ce5864a:not(.elementor-motion-effects-element-type-background) {
    background-image: none !important;
  }
  .elementor-469 .elementor-element.elementor-element-6ce5864a > .elementor-background-overlay {
    background-image: none !important;
  }
  .elementor-469 .elementor-element.elementor-element-7e9299ed:not(.elementor-motion-effects-element-type-background) {
    background-image: none !important;
  }
	
	.theplus-carousel-anything-wrapper .plus-carousel-inner .slick-slide img {
    display: inline-block;
    width: auto;
	}
}
@media all and (max-width: 1050px) {
	
	

	
	br {
		display:none!important;
	}
	.specializesec {
    background-image: none!important; 
    background-color: #C2272D!important; 
   }
	
  .content-left {
    width: 100% !important;
  }
  .content-right {
    width: 100% !important;
  }
  .elementor-element.elementor-element-bf2f0dc:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap {
    min-height: auto;
  }
  .custom-btn .elementor-button {
    font-size: 16px;
    font-weight: 700;
    border-radius: 8px 8px 8px 8px;
    padding: 10px 10px 10px 10px;
    display: inline-block;
    line-height: 1;
    color: #ffffff;
    background-color: #e47624;
    border: 1px solid #e47624;
    font-family: "Roboto", serif;
  }
  .custom-btn .elementor-button:hover {
    font-size: 16px;
    font-weight: 700;
    border-radius: 8px 8px 8px 8px;
    padding: 10px 10px 10px 10px;
    display: inline-block;
    line-height: 1;
    background-color: #2a5950;
    border: 1px solid #2a5950;
    color: #ffffff;
    font-family: "Roboto", serif;
  }

.custom-transbtn .elementor-button {
  font-size: 16px;
  border-radius: 4px 4px 4px 4px;
  padding: 14px 25px 14px 25px;
  display: inline-block;
  line-height: 1;
  background-color: transparent;
  border: 1px solid #ffffff;
  color: #C2272D;
  font-weight: 700;
  font-family: "Roboto", serif;
}

.custom-transbtn .elementor-button:hover {
  font-size: 16px;
  border-radius: 4px 4px 4px 4px;
  padding: 14px 25px 14px 25px;
  display: inline-block;
  line-height: 1;
  color: #ffffff;
  font-weight: 700;
  background-color: #C2272D;
  border: 1px solid #C2272D !important;
  font-family: "Roboto", serif;
}

	
	
  .elementor-24 .elementor-element.elementor-element-52e34ce > .elementor-background-overlay {
    background-image: none !important;
  }
  .elementor-24 .elementor-element.elementor-element-d70947c:not(.elementor-motion-effects-element-type-background) {
    background-image: none !important;
  }
  .elementor-24 .elementor-element.elementor-element-d70947c > .elementor-background-overlay {
    background-image: none !important;
  }
  .elementor-24 .elementor-element.elementor-element-d8b2e10:not(.elementor-motion-effects-element-type-background) {
    background-image: none !important;
  }
  .elementor-24 .elementor-element.elementor-element-d8b2e10 > .elementor-background-overlay {
    background-image: none !important;
  }
  .elementor-24 .elementor-element.elementor-element-590dcda:not(.elementor-motion-effects-element-type-background) {
    background-image: none !important;
  }
  .elementor-469 .elementor-element.elementor-element-9bfe3db > .elementor-background-overlay {
    background-image: none !important;
  }
  .elementor-469 .elementor-element.elementor-element-7e9299ed > .elementor-background-overlay {
    background-image: none !important;
  }
  .elementor-24 .elementor-element.elementor-element-bb781c3:not(.elementor-motion-effects-element-type-background) {
    background-image: none !important;
    background-color: rgba(154, 216, 227, 0.1019607843) !important;
  }
}
@media all and (max-width: 800px) {
  .elementor-469 .elementor-element.elementor-element-effbb1a:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap {
    background-image: none !important;
  }
  .elementor-469 .elementor-element.elementor-element-effbb1a > .elementor-element-populated > .elementor-background-overlay {
    background-image: none !important;
  }
  .elementor-24 .elementor-element.elementor-element-590dcda:not(.elementor-motion-effects-element-type-background) {
    background-image: none !important;
  }
	.timeline {
	 background-image: none !important;	
	}	
	
	 .swiper-carousel .swiper-wrapper {
    align-items: stretch !important;
  }

  .swiper-carousel .swiper-slide {
    height: auto !important;
  }
	
  .custom-btn .elementor-button {
    font-size: 16px!important;
    font-weight: 400;
    border-radius: 2px 2px 2px 2px;
    padding: 15px 20px 15px 20px!important;
    display: inline-block;
    line-height: 1;
    color: #ffffff;
    background-color: #e47624;
    border: 1px solid #e47624;
    font-family: "Roboto", serif;
  }
  .custom-btn .elementor-button:hover {
    font-size: 16px!important;
    font-weight: 400;
    border-radius: 2px 2px 2px 2px;
    padding: 15px 20px 15px 20px!important;
    display: inline-block;
    line-height: 1;
    background-color: #2a5950;
    border: 1px solid #2a5950;
    color: #ffffff;
    font-family: "Roboto", serif;
  }
}

@media all and (max-width: 600px) {
	
	.custom-btn .elementor-button {
    font-size: 16px!important;
    font-weight: 400;
    border-radius: 2px 2px 2px 2px;
    padding: 15px 20px 15px 20px!important;
    display: inline-block;
    line-height: 1;
    color: #ffffff;
    background-color: #e47624;
    border: 1px solid #e47624;
    font-family: "Roboto", serif;
  }
  .custom-btn .elementor-button:hover {
    font-size: 16px!important;
    font-weight: 400;
    border-radius: 2px 2px 2px 2px;
    padding: 15px 20px 15px 20px!important;
    display: inline-block;
    line-height: 1;
    background-color: #2a5950;
    border: 1px solid #2a5950;
    color: #ffffff;
    font-family: "Roboto", serif;
  }
	
	 .custom-transbtn .elementor-button {
    font-size: 16px!important;
     border-radius: 2px 2px 2px 2px;
    padding: 15px 20px 15px 20px;
    display: inline-block;
    line-height: 1;
    color: #C2272D;
    font-weight: 400;
    background-color: transparent!important;
    border: 1px solid #C2272D;
    font-family: "Roboto", serif;
  }
	
  .custom-transbtn .elementor-button:hover {
    font-size: 16px!important;
     border-radius: 2px 2px 2px 2px;
    padding: 15px 20px 15px 20px;
    display: inline-block;
    line-height: 1;
    color: #fff!important;
    background-color: #C2272D!important;
    border: 1px solid #C2272D;
    font-weight: 400;
    font-family: "Roboto", serif;
  }
 

 .custom-revbtn .elementor-button {
 font-size: 16px!important;
   border-radius: 2px 2px 2px 2px;
  padding: 15px 20px 15px 20px;
  display: inline-block;
  line-height: 1;
  background-color: #ffffff!important;
  border: 1px solid #C2272D;
  color: #C2272D!important;
  font-weight: 700;
  font-family: "Roboto", serif;
}

.custom-revbtn .elementor-button:hover {
  font-size: 16px!important;
   border-radius: 2px 2px 2px 2px;
  padding: 15px 20px 15px 20px;
  display: inline-block;
  line-height: 1;
  color: #ffffff!important;
  font-weight: 700;
  background-color: #C2272D!important;
  border: 1px solid #C2272D !important;
  font-family: "Roboto", serif;
}
	
	.elementor-996 .elementor-element.elementor-element-60ed0a3:hover > .elementor-element-populated {
   background-color: #000000!important;
    background-image: none!important;
	}
	
	.specialbox:hover .elementor-background-overlay {
  background-color: #000000!important;
    background-image: none!important;
}
	
  .specialbox:hover {
	   margin: 0px!important;
  
  z-index: 3;
}	
	
  h1.elementor-heading-title {
    font-size: 35px;
  }
  h2.elementor-heading-title {
    font-size: 35px;
  }
  h3.elementor-heading-title {
    font-size: 30px !important;
  }
  .section-wrap {
    display: block;
    margin: 0 auto;
    max-width: 1950px;
    width: 100%;
    padding: 40px 0;
    position: relative;
    z-index: 1;
  }
  h1 {
    font-size: 35px;
  }
  h2 {
    font-size: 35px;
  }
  h3 {
    font-size: 30px !important;
  }
  h4 {
    font-size: 24px;
  }
  .homesec1 {
    background-image: none !important;
  }
	
	
}/*# sourceMappingURL=main.css.map */