.grecaptcha-badge {
    top: 80%;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap; /* Avoids having hidden text break onto multiple lines */
  border: 0;
}
.single-request-post {
    padding: 20px 30px;
    border-bottom: 1px solid #C6C6C6;
    background: var(--lightblue);
}
.single-request-post:nth-child(even) {
  background: var(--white);
}
.single-request-post .row {
  margin-bottom: 15px;
}
/* DOing business with OPC*/
.scroll-sticky h3 {
    font-weight: 600;
    font-size: 22px;
    color: #000;
}
.scroll-sticky {
  position: -webkit-sticky;
    position: sticky;
    top: 90px;
}
.scroll-sticky .tab-link-title:hover {
    opacity: 1;
}
.scroll-sticky .tab-link-title {
    opacity: 60%;
    margin-bottom: 20px;
}
.doing-businees .nav-tabs li .nav-link {
    padding: 10px 30px!IMPORTANT;
}
.doing-businees .nav-tabs {
    border-bottom: 0px solid #E6F0FA;
    padding-left: 0 !important;
}
.doing-businees .nav-tabs li .nav-link.active:before {
    left: 0;
}
.doing-businees .nav-tabs li {
    border-bottom: 0;
    margin-bottom: 0 !important;
}
.doing-businees {
    color: #000;
}
.card-medium, .card-large, .card-small {
    margin-bottom: 20px;
}
.showing-alertbar p {
    margin: 0;
}

#mainNav li.menu-item.has-mega-menu {
  display: flex;
  align-items: center;
}
.mega-menu {
    position: absolute;
    top: 100%;
    z-index: 100;
    left: 0;
    right: 0;
    box-shadow: 0px 4px 4px 0px rgba(26,24,29,.1);
    opacity: 1;
    visibility: visible;
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -ms-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    width: calc(100% - 30px);
    margin: 0 auto;
    max-width: 100%;
}
#mainNav li.menu-item.has-mega-menu:focus>.mega-menu, 
#mainNav li.menu-item.has-mega-menu:focus-within>.mega-menu, 
#mainNav li.menu-item.has-mega-menu:hover>.mega-menu {
    opacity: 1;
    visibility: visible;
    visibility: visible;
    -moz-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
}
#mainNav li.menu-item.has-mega-menu .sub-menu {
  display: none;
}
#mainNav.menu-top li.menu-item.has-mega-menu:hover>ul,
#mainNav.menu-top li.menu-item.has-mega-menu:focus-within>ul {
  display: none;
}
.mega-menu * {
  color: var(--white);
}
.mega-menu .menu-column {
  background: var(--darkblue);
  padding: 30px 50px;
}
.mega-menu .menu-column br {
    display:none;
}
.mega-menu .menu-column a {
    display: block;
    margin-bottom: 0px;
    color: var(--white) !important;
    padding: 10px 0 !important;
    font-size: 18px !important;
}


/* Utility  Brochure Pages CSS*/
.brochure-wrapper {
  position: relative;
}
span.point-box {
    display: inline-block;
    min-width: 200px;
    max-width: 200px;
    background: #eaf2fb;
    padding: 10px;
    text-align: center;
    border-radius: 5px;
    position: absolute;
    left: -30px;
    bottom: 100%;
    display: none;
    box-shadow: 0px 0px 28px rgb(0 0 0 / 30%);
    z-index: 999;
}
span.point-box:after {
    content: '';
    position: absolute;
    border-top: 10px solid #eaf2fb;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    top: 100%;
    width: 20px;
    height: 10px;
    left: 0;
    right: 0;
    margin: auto;
}
span.point-box h5 {
    font-size: 11px;
    margin-bottom: 5px;
    font-weight: bold;
}
span.point-box p {
    font-size: 12px;
    line-height: 1.3;
    margin: 0;
}
.point-style {
  position: absolute;
}
.point-box-pointer {
    width: 6.7vw;
    height: 6.7vw;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    cursor: pointer;
}
.point-box-pointer:hover ~ span.point-box,
.point-box-pointer:focus ~ span.point-box {
    display: block;
}
.electricpage1 .point-style.point-1 {
    top: 8%;
    left: 79.5%;
}
.electricpage1 .point-style.point-2 {
    top: 23%;
    left: 39%;
}
.electricpage1 .point-style.point-3 {
    top: 22.7%;
    left: 88%;
}
.electricpage1 .point-style.point-4 {
    top: 34%;
    left: 3%;
}
.electricpage1 .point-style.point-5 {
    top: 41.3%;
    left: 85%;
}
.electricpage1 .point-style.point-6 {
    top: 69.2%;
    left: 44.5%;
}
.electricpage2 .point-style.point-7 {
    top: 9.2%;
    left: 48.5%;
}
.electricpage2 .point-style.point-8 {
    top: 23.2%;
    left: 3.9%;
}
.electricpage2 .point-style.point-9 {
    top: 49.7%;
    left: 62%;
}
.electricpage2 .point-style.point-10 {
    top: 38%;
    left: 84.8%;
}
.electricpage2 .point-style.point-11 {
    top: 72.5%;
    left: 2.9%;
}
.electricpage3 .point-style.point-12 {
    top: 37.4%;
    left: 78%;
}
.gaspage1 .point-1 {
    top: 8.7%;
    left: 43%;
}
.gaspage1 .point-2 {
    top: 42.2%;
    left: 50.5%;
}
.gaspage1 .point-3 {
    top: 56.6%;
    left: 17.3%;
}
.gaspage1 .point-4 {
    top: 2.5%;
    left: 58%;
}
.gaspage1 .point-5 {
    top: 23.6%;
    left: 88%;
}
.gaspage1 .point-6 {
    top: 80.7%;
    left: 37%;
}
.gaspage2 .point-7 {
    top: 7.7%;
    left: 51.5%;
}
.gaspage2 .point-8 {
    top: 31.3%;
    left: 42.5%;
}
.gaspage2 .point-9 {
    top: 63.3%;
    left: 19%;
}
.gaspage2 .point-10 {
    top: 69.7%;
    left: 89%;
}
.telephonepage1 .point-1 {
    top: 8.7%;
    left: 65.7%;
}
.telephonepage1 .point-2 {
    top: 70.5%;
    left: 38.8%;
}
.telephonepage1 .point-3 {
    top: 52.3%;
    left: 75.4%;
}
.telephonepage2 .point-4 {
  top: 7%;
  left: 34.8%;
}
.telephonepage2 .point-5 .point-box-pointer, 
.telephonepage2 .point-6 .point-box-pointer, 
.telephonepage2 .point-7 .point-box-pointer {
    width: 3.6vw;
    height: 3.6vw;
}
.telephonepage2 .point-5 .point-box, 
.telephonepage2 .point-6 .point-box, 
.telephonepage2 .point-7 .point-box {
  left: -60px;
}
.telephonepage2 .point-5 {
    top: 61.4%;
    left: 16.1%;
}
.telephonepage2 .point-6 {
    top: 63%;
    left: 60%;
}
.telephonepage2 .point-7 {
    top: 75.1%;
    left: 52.5%;
}
@media (max-width: 1600px) {
  span.point-box {
    left: -40px;
  }
  .telephonepage2 .point-5 .point-box, 
  .telephonepage2 .point-6 .point-box, 
  .telephonepage2 .point-7 .point-box {
    left: -70px;
  }
}
@media (max-width: 1440px) {
  span.point-box {
    left: -45px;
  }
  .telephonepage2 .point-5 .point-box, 
  .telephonepage2 .point-6 .point-box, 
  .telephonepage2 .point-7 .point-box {
    left: -75px;
  }
  .gaspage1 .point-box, 
  .gaspage2 .point-box {
    left: -60px;
  }
}
@media (max-width: 1199px) {
  .electricpage1 .point-1 span.point-box,
  .electricpage1 .point-3 span.point-box,
  .electricpage1 .point-5 span.point-box,
  .electricpage2 .point-10 span.point-box,
  .electricpage3 .point-12 span.point-box,
  .gaspage1 .point-5 span.point-box,
  .gaspage2 .point-10 span.point-box {
      left: auto;
      right: -50px;
  }
  .electricpage1 .point-1 span.point-box::after,
  .electricpage1 .point-3 span.point-box::after,
  .electricpage1 .point-5 span.point-box::after,
  .electricpage2 .point-10 span.point-box::after,
  .electricpage3 .point-12 span.point-box::after,
  .gaspage1 .point-5 span.point-box:after,
  .gaspage2 .point-10 span.point-box:after {
      left: auto;
      right: 10px;
  }
  .electricpage1 .point-4 span.point-box,
  .electricpage2 .point-8 span.point-box,
  .electricpage2 .point-11 span.point-box {
      right: auto;
      left: 10px;
  }
  .electricpage1 .point-4 span.point-box::after,
  .electricpage2 .point-8 span.point-box::after,
  .electricpage2 .point-11 span.point-box::after {
      left: 10px;
      right: auto;
  }
  .telephonepage1 span.point-box,
  .telephonepage2 span.point-box {
    left: -60px;
  }
}
@media (max-width: 1024px) {
  span.point-box {
    left: -57px;
  }
  .telephonepage2 .point-5 .point-box, 
  .telephonepage2 .point-6 .point-box, 
  .telephonepage2 .point-7 .point-box {
    left: -87px;
  }
}
@media (max-width: 767px) {
  .home_afterbanner_wrapper {
    margin-top: 30px;
  }
  .home_afterbanner_wrapper p {
    font-size: 20px;
    line-height: 1.2;
    padding: 0px 15px;
  }
  .top_bar ul li {
    margin-right: 10px;
  }
  span.point-box {
    left: -66px;
  }
  .electricpage1 .point-box, .electricpage2 .point-box, .electricpage3 .point-box,
  .gaspage1 .point-box, .gaspage2 .point-box {
    left: -80px;
  }
  .electricpage1 .point-1 span.point-box,
  .electricpage1 .point-3 span.point-box,
  .electricpage1 .point-5 span.point-box,
  .electricpage2 .point-10 span.point-box,
  .electricpage3 .point-12 span.point-box,
  .gaspage1 .point-5 span.point-box,
  .gaspage2 .point-10 span.point-box {
      right: -40px;
  }
  .telephonepage1 span.point-box {
    left: -70px;
  }
  .telephonepage1 .point-3 span.point-box {
      left: auto;
      right: -50px;
  }
  .telephonepage1 .point-3 span.point-box::after {
      left: auto;
      right: 10px;
  }
  .telephonepage2 .point-5 span.point-box {
      right: auto;
      left: 0;
  }
  .telephonepage2 .point-5 span.point-box::after {
      left: 10px;
      right: auto;
  }
}
/* Mega Menu CSS*/
.menu-top li a {
    font-size: 16px !important;
}
header .btn {
    font-size: 14px !important;
}
.mega-menu .menu-column a:first-child, .menu-column h3 {
    font-weight: 700;
    margin-bottom: 20px;
    position: relative;
    color: var(--color--white) !i;
    !;
    padding: 10px 0;
    font-size: 18px;
}
.mega-menu .menu-column a:first-child:hover {
    text-decoration: none;
}
.mega-menu .menu-column a:first-child:before, .menu-column h3:before {
    content: "";
    width: 25px;
    height: 3px;
    background: #189BDA;
    position: absolute;
    bottom: 0px;
}
.mega-menu-content p a {
    margin: 0 !important;
}
.mega-menu-content p a:before {
    background: transparent !important;
}
.mega-menu-content p a {
    font-weight: 400 !important;
}
.mega-menu-content span, .mega-menu-content p:first-child {
    font-size: 14px;
}
.mega-menu-content {
    position: relative;
}
.mega-menu-content a.btn {
    position: absolute;
    bottom: -10px;
    right: 0;
    background: #189BDA;
    padding: 12px 14px !important;
    border-color: #189BDA;
    line-height: 1;
    font-size: 16px !important;
}
.mega-menu-content a.btn:hover {
    background: #fff !important;
    color: var( --darkblue) !important;
    border-color: var(--white) !important;
}
.mega-menu a:hover,
.mega-menu .menu-column a.active{
      text-decoration: underline !important;
}
.mega-menu-content p a:hover {
    text-decoration: underline;
}
 .sidebar-menu-arrow {
       display: inline-block;
       width: 6px;
       height: 6px;
       -ms-transform: rotate(-45deg);
       -webkit-transform: rotate(-45deg);
       -moz-transform: rotate(-45deg);
       -o-transform: rotate(-45deg);
       transform: rotate(0deg);
       margin: auto;
       /*position: absolute;
       right: 0;
       top: 50%;
       bottom: 0;
       margin-top: -6px;*/
       z-index: 1;
       transition: all 0.5s ease;
       -webkit-transition: all 0.5s ease;
       position: relative;
       left: 10px;
       top: 1px;
       pointer-events: none;
       cursor: none;
       width: 0;
       height: 0;
       border-left: 5px solid transparent;
       border-right: 5px solid transparent;
       border-top: 5px solid var(--black);
   }
.menu-top li:hover .sidebar-menu-arrow, .menu-top li a:hover + .sidebar-menu-arrow, .menu-top .current_page_item .sidebar-menu-arrow{
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    /* margin-top: -2px; */
    border-top-color: var(--darkblue);
    top: 3px;
}
ul.menu-top li:hover>ul span.sidebar-menu-arrow, ul.menu-top li:focus-within>ul span.sidebar-menu-arrow {
    border-top-color: var(--white);
    margin: 0 10px;
    right: 0;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px)
{
 header .btn, .menu-top li a {
    font-size: 13px !important;
} 
}
/* Mega menu css*/

/*Event page CSS*/
.filter-categories h5 {
    font-size: 16px;
    color: #7F3D7A;
}
ul#category-filter {
    margin-top: 20px;
    list-style: none;
    padding-left: 0;
}
ul#category-filter li {
    padding-left: 0 !important;
    margin-bottom: 20px;
}
ul#category-filter li ul li {
    padding-left: 20px !important;
}
ul#category-filter li::before {
    width: 0;
}
ul#category-filter li a {
    color: #37608C;
    text-decoration: none;
}
ul#category-filter li ul li:before {
      width: 10px;
    border-left: 2px solid var(--darkblue);
    border-bottom: 2px solid var(--darkblue);
    display: inline-block;
    width: 6px;
    height: 7px;
    background: transparent;
    border-radius: 0;
    transform: rotate(45deg);
    left: 26px;
    top: 7px;
}
ul#category-filter li ul {
    margin-top: 10px;
}
ul#category-filter li a:hover {
    text-decoration: underline;
    color: var(--darkblue);
}
.card-large .card-item {
    max-width: 600px;
}

.card-small .card-item {
    max-width: 400px;
}

.card-content {
    line-height: 30px;
    letter-spacing: -0.01em;
    margin-bottom: 10px;
}
.news-row .card-category {
    margin-bottom: 10px;
}
.news-row .card-category a{
    color: #7F3D7A; 
}
.card-title a:hover {
    text-decoration: underline;
}
.card-item h3, .card-title a {
    font-size: 18px;
    line-height: 1.4;
    font-weight: 600;
    margin: 0px 0 10px;
    color: #000;
    text-decoration: none;
}
.card-body {
    margin-bottom: 30px;
}
.card-content p {
    margin-bottom: 15px;
}
.card-item img {
       border-radius: 10px;
    height: 100%;
    object-fit: cover;
}
.editable-cards a {
    text-decoration: none;
    color: initial;
}
.news-row .card-item {
    border: 1px solid #004083;
    padding: 0;
}

.card-item {
    border-radius: 10px;
    max-width: 480px;
    transition: all 0.5s ease-in-out;
    height: calc(100% - 0px);
    background: #fff;
}
.editable-cards .card-item:hover, .news-cards .card-item:hover {
    transition: all 0.5s ease-in-out;
    box-shadow: 0px 10px 20px 0px #0000001A;
    transform: translate(0px, -10px);
    background: #fff;
}
/* Card sizes */
.card-large img {
    width: 600px;
    height: 400px;
    width: 600px;
    height: 400px;
    object-fit: cover;
}
.card-item .card-body a {
    word-wrap: break-word;
}
.card-medium img, .card-medium iframe, .card-medium video {object-fit: cover;height: 100%;}

.card-small img {
    /* Add desired dimensions for small cards */
    object-fit: cover;
    height: 100%;
}
.owl-carousel .owl-dots {
    text-align: center;
}
.owl-carousel .owl-nav {
    bottom: -8px;
}

.news-row .card-item .card-media {
    height: 238px;
    overflow: hidden;
    border-radius: 6px;
    background: #DEDEDE33;
}
.Small-cards .card-media {
    height: 175px;
}
.Large-cards .card-media.mb-2 {
    height: 280px;
}
.card-category a:hover {
    text-decoration: underline;
}
.card-category a {
    color: #000;
    text-decoration: none;
}
.card-item .card-body {
    padding: 10px;
}
#video, .vimeo-video {
    object-fit: cover;
    height: 100%;
}
.player.right-content-area-supported {
    overflow: hidden;
}
.editable-cards .card-item .card-body a {
    position: relative;
    padding-right: 40px;
    color: var(--darkblue);
    text-decoration: underline;
}
.editable-cards .card-item .card-body a:hover {
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}
.editable-cards .card-item .card-body a::after {
    position: absolute;
    right: 0;
    content: "";
    background-image: url('https://opcdcprod.wpengine.com/wp-content/uploads/2024/09/arrow-right.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 20px;
    top: 2px;
    height: 20px;
}
.editable-cards .card-item .card-body a:hover::after {
    transform: translateX(4px);
    transition: all 0.3s ease-in-out;
}
/* Serach form css*/
.search-form {
    margin-top: 50px;
    display: flex;
    justify-content: center;
}
form.search-form label {
    flex: 0 0 50%;
}
.search-submit {
    line-height: 17px;
    margin-left: 20px;
}
.search-field {
    background-color: #ffffff94;
    border-radius: 10px;
    padding: 10px 12px;
    border: 1px solid #CFE5FC;
    margin: 0 10px;
    height: 44px;
    font-size: 14px;
    width: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1200px)
{
    .card-media {
    height: 180px;
}
.Small-cards .card-media {
    height: 120px;
}
.Large-cards .card-media {
    height: 240px;
}
}
@media only screen and (min-width: 768px) and (max-width: 992px)
{
.card-small, .card-medium, .card-large {
    width: 50%;
}
}
@media only screen and (min-width: 768px) and (max-width: 992px)
{
.Small-cards .card-media, .Large-cards .card-media, .card-media {
    height: 200px !important;
}
}
@media only screen and (min-width: 320px) and (max-width: 767px)
{
.Small-cards .card-media, .Large-cards .card-media, .card-media {
    height: 180px;
}
}
.wp-block-group.container .container, .single-post .entry-content .container  {
    padding: 0;
}
.single-post h1 {
    color: var(--black);
    font-size: 50px;
    font-weight: 700;
    line-height: 60.32px;
}
.single-post #container-wrap h2, .single-post #container-wrap h3, .single-post #container-wrap h4, .single-post #container-wrap h5, .single-post #container-wrap h6
{
 color: var(--black); 
}
 .single-post h2
{
font-size: 38px;
}
 .single-post #container-wrap h3
{font-size: 30px;}
.single-post h4
{
font-size: 25px;
}
.single-post h5
{
font-size: 20px;
}
.single-post h6
{
 font-size: 16px;
}
.head-phone {
    padding: 6px 24px;
}
.head-phone:hover {
    color: var(--black2) !important;
}
.head-phone:hover img {
    filter: brightness(0) invert(0);
}
/* chart css*/
.wpdevart_org_chart_container li .wpda_tree_item_container > div {
    padding: 20px 20px !important;
    min-height: auto !important;
    /*border: 1px solid #014991!IMPORTANT;!important;*/
    border-radius: 0px !important;
}
.wpda_tree_item_title {
    /* max-width: 130px; */
    /* word-break: break-word !important; */
    font-family: 'Open Sans' !important;
}
.wpda_tree_item_desc:empty {
    display: none;
}
.wpdevart_org_chart_container_parent li {
    padding-left: 0 !important;
    margin-bottom: 0 !important;
}

.wpdevart_org_chart_container ul li::before {
    width: calc(50% + 1px) !important;
    background: transparent !important;
    top: -1px!important;
    border-radius: 0 !important;
    height: 21px !important;
    margin: 0 !important;
}
.wpda_tree_item_desc {
    color: #000;!;
    font-family: 'Open Sans' !important;
    word-break: break-word !important;!i;!;
}
#wpda_item_container_1 > div {
    /* background-color: #014991!IMPORTANT; */
}
#wpda_item_container_1 > div .wpda_tree_item_title, #wpda_item_container_1 > div .wpda_tree_item_desc {
    /* color: #fff!important; */
}
.wpdevart_org_chart_container li .wpda_tree_item_container img {
     width: 100px !important;
    height: 100px !important;
    border-radius: 50%;
    object-fit: cover;
    margin: 10px auto !important;
}
/* popup css*/
#wpdaOrgChartPopupWindow {
    max-width: 100vh !important;
    margin: 0 auto !important;
    left: 0 !important;
    right: 0;
    max-height: 500px !important;
    height: 40vh;
    background-color: #004083 !important;
    background-image: none !important;
    border-color: #fff !important;
    box-shadow: 0px 0px 6px 1px rgb(21 21 21);
}
#wpdaOrgChartCloseSection {
    background-color: transparent !important;
    border: 0 !important;
}
.wpda_popup_innerhtml {
    max-height: 100% !important;
    text-align: center;
    font-size: 16px;
    color: #fff;
    padding-top: 50px !important;
}
#wpdaOrgChartCloseSection span {
    color: #fff!important;
    position: absolute;
    top: 10px;
    right: 10px;
}
.wpda_tree_open_popup_el:hover .wpda_tree_item_title, .wpda_tree_open_popup_el:hover .wpda_tree_item_desc {
    color: #004083!important;
}
.wpda_tree_open_popup_el:hover {
    background: transparent !important;
}
#wpdevart_org_chart_container_1 li .wpda_tree_item_container > div:focus-visible {
    outline-offset: 3px;
}
/* chart css */
.page-template-electric-brochure .electricpage1 .point-style.point-1 {
    top: 1%;
    left: 35%;
}
.page-template-electric-brochure .electricpage1 .point-style.point-2 {
    top: 3.5%;
    left: 62%;
}
.page-template-electric-brochure .electricpage1 .point-style.point-3 {
    top: 13.5%;
    left: 28.5%;
}
.page-template-electric-brochure .electricpage1 .point-style.point-4 {
    top: 15.5%;
    left: 56.5%;
}
.page-template-electric-brochure .electricpage1 .point-style.point-5 {
    top: 36%;
    left: 88%;
}
.page-template-electric-brochure .electricpage2 .point-style.point-6 {
    top: -26.8%;
    left: 39.5%;
}
.page-template-electric-brochure .electricpage2 .point-style.point-7 {
    top: 2.2%;
    left: 31.5%;
}
.page-template-electric-brochure .electricpage2 .point-style.point-8 {
    top: 30.2%;
    left: 53.9%;
}
.page-template-electric-brochure .electricpage3 .point-style.point-9 {
    top: -18.5%;
    left: 83%;
}
.page-template-electric-brochure .electricpage3 .point-style.point-10 {
    top: 12.5%;
    left: 57.8%;
}
.page-template-electric-brochure .electricpage3 .point-style.point-11 {
    top: 53%;
    left: 47.9%;
}
.page-template-electric-brochure .electricpage3 .point-style.point-12 {
    top: 80%;
    left: 36%;
}
.page-template-electric-brochure .electricpage3 .point-style.point-13 {
        top: 18.7%;
    left: 40.5%;
}
@media only screen and (max-width: 767px)
{
  .page-template-electric-brochure .electricpage3 .point-style.point-12 {
    left: 46%;
    top: 78%;
  }
   .page-template-electric-brochure .electricpage3 .point-12 span.point-box::after,
   .page-template-electric-brochure .electricpage1 .point-3 span.point-box::after
  {
          right: 50px;
  }
  .page-template-electric-brochure .electricpage3 .point-12 .point-box-pointer,
  .page-template-electric-brochure .electricpage2 .point-8 .point-box {
      left: -34px;
  }
    .page-template-electric-brochure .electricpage1 .point-1 span.point-box {
        right: -60px;
    }
     .page-template-electric-brochure .electricpage1 .point-3 span.point-box {
        right: -80px;
    }
    .page-template-electric-brochure .electricpage1 .point-4 span.point-box
      {
        left: -50px;
      }
       .page-template-electric-brochure .electricpage3 .point-9 span.point-box
      {
        left: -140px;
      }
      .page-template-electric-brochure .electricpage1 .point-4 span.point-box::after,
      .page-template-electric-brochure .electricpage3 .point-9 span.point-box::after {
        left: 60px;
    }
}