/*

 Theme Name:     Divi Child

 Theme URI:      https://www.elegantthemes.com/gallery/divi/

 Description:    Divi Child Theme

 Author:         Elegant Themes

 Author URI:     https://www.elegantthemes.com

 Template:       Divi

 Version:        1.0.0

*/

 

 

/* =Theme customization starts here

------------------------------------------------------- */


@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');


body {
	font-family: "Roboto", sans-serif;
}

#menu-primary-menu {
    gap: 53px;
}

#menu-primary-menu li a,
#menu-footer-menu li a{
    font-size: 15px;
    color: #5f5657;
	text-transform: capitalize;
}


/* footer css start here  */

#menu-footer-menu {
    gap: 10px;
}
.c-txt a {
	color: #fff;
	text-decoration: underline;
}

.footer-popup-links a {
    color: #1835b8 !important;
    font-size: 15px;
}

.er-txt span {
 color: #1835b8 !important;
 text-transform: uppercase;
 font-weight: 600;
}

/* footer css end here  */



/* home page css start here  */

.tool-section{
    position:relative;
}

.hotspot {
    position: absolute;
    width: 268px;
    height: 208px;
    border-radius: 50%;
    cursor: pointer;
}


.hs1 {
    top: 57px;
    left: 94px;
}

.hs2 {
    top: -29px;
    left: 37%;
}

.hs3 {
    top: 50px;
    right: 96px;
}
.hs4{
    top: 291px;
    right: -31px;
}
.hs5{
    top: 523px;
    right: 9px;
}
.hs6{
    top: 683px;
    right: 207px;
}
.hs7{
    top: 677px;
    right: 554px;
}
.hs8{
    top: 274px;
    right: 823px;
}
.hs9{
    top: 517px;
    right: 781px;
}


.hotspot{
    background:red;
    opacity:0.4;
}

   .tool-popup {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.7);
            display: none;
            justify-content: center;
            align-items: center;
            z-index: 9999;
}

        .popup-content {
            position: relative;
            background: #ffffff;
            padding: 30px;
            width: 100%;
            max-width: 667px;
            border-radius: 8px;
            box-shadow: 0 10px 40px rgba(0,0,0,0.4);
            text-align: center;
            box-sizing: border-box;
        }

        .close-popup {
            position: absolute;
            top: 10px;
            right: 15px;
            font-size: 32px;
            color: #666666;
            cursor: pointer;
            font-weight: bold;
            line-height: 1;
        }

        .close-popup:hover {
            color: #000000;
        }

        .popup-title {
            font-size: 24px;
            color: #333333;
            margin-bottom: 15px;
            font-weight: bold;
        }

        .popup-image {
            max-width: 100%;
            max-height: 250px;
            object-fit: contain;
            margin-bottom: 15px;
            border-radius: 4px;
        }

        .popup-text {
            font-size: 15px;
            color: #555555;
            line-height: 1.5;
            text-align: left;
            background: #f9f9f9;
            padding: 12px;
            border-left: 4px solid #2e7d32;
            margin-top: 5px;
        }
  .description{
          display: block;
          text-align: left;
    font-weight:bold;
    color:#000;
        }
  span{
    color:#3d5ad4;
  }


/* home page css end here  */

/* contact page css start here  */
.f-name-main {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 8px;
}

.f-name {
    width: 49%;
}
.f-full-name {
    margin: 10px 0px;
}

.f-name input, .f-full-name input,
.txtarea textarea {
    width: 100%;
    padding: 11px;
    border-radius: 5px;
    margin: 5px 0px;
	color: #000;
	font-size: 15px;
}

.txtarea  {
margin: 10px 0px;	
}

.for-wdth input{
	width: auto !important;
}

.for-wdth label {
    margin-bottom: 12px !important;
    display: inline-block;
}

.form-contact label {
    color: #000;
    font-size: 15px;
}
 
.s-btn {
    padding: 12px 33px;
    background-color: #1835b8 !important;
    color: #fff;
    border: 1px solid #1835b8 !important;
    font-size: 14px;
    border-radius: 5px;
}

/* conatct page css end here  */
/* media-query */
@media screen and (max-width: 768px){
	.hotspot{
		width:149px;
		height:136px;
	}
	.hs1 {
    top: 35px;
    left: 52px;
}

.hs2 {
    top: -16px;
    left: 38%;
}

.hs3 {
    top: 29px;
    right: 55px;
}
.hs4{
    top: 162px;
    right: -15px;
}
.hs5{
    top: 298px;
    right: 6px;
}
.hs6{
    top: 387px;
    right: 125px;
}
.hs7{
    top: 398px;
    right: 320px;
}
.hs8{
    top: 166px;
    left: -7px;
}
.hs9{
    top: 306px;
    left: 14px;
}
}
@media screen and (max-width: 600px){
.hotspot {
      width: 79px;
      height: 77px;
 }
.hs1 {
    top: 9px;
    left: 24px;
}

.hs2 {
    top: -16px;
    right: 44px;
}

.hs3 {
    top: 12px;
    right: 26px;
}
.hs4{
    top: 82px;
    right: -10px;
}
.hs5{
    top: 157px;
    right: -1px;
}
.hs6{
    top: 201px;
    right: 65px;
}
.hs7{
    top: 198px;
    right: 156px;
}
.hs8{
    top: 152px;
    left: 3px;
}
.hs9{
    top: 77px;
    left: -13px;
}
}