/*
Theme Name: Bridge Child
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: A child theme of Bridge Theme
Author: Qode Interactive
Author URI: http://www.qodethemes.com/
Version: 1.0.0
Template: bridge
*/

html {
   overflow-y: scroll!important;
}
.header-top-right{display:none!important;}
@font-face {
    font-family: 'bebas_neueregular';
    src: url('font/bebasneue-webfont.woff2') format('woff2'),
         url('font/bebasneue-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Myriad-Pro';
    src: url('font/Myriad-Pro-Semibold-Condensed_31644.ttf') format('ttf'),
         url('font/Myriad-Pro-Semibold-Condensed_31644.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;

}
@import url("../bridge/style.css");

.icon-bar3 {
  position: fixed;
  top: 5%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right:0px;

	z-index:11111111111111;
}

.icon-bar3 a {
  display: block;
  text-align: center;
  padding: 18px 10px 18px 10px;
  transition: all 0.3s ease;
  color: white;
  font-size: 18px;
}
.check-list {
  margin: 0;
  padding-left: 1.2rem;
}

.check-list li {
  position: relative;
  list-style-type: none;
  padding-left: 2.5rem;
  margin-bottom: 0.5rem;
}

.check-list li:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: -2px;
    width: 5px;
    height: 11px;
    border-width: 0 2px 2px 0;
    border-style: solid;
    border-color: #00a8a8!important;
    transform-origin: bottom left;
    transform: rotate(45deg);
}
.icon-bar3 a:hover {
  background-color: #000; color: #4CAD20!important;
}
.backcall {
/*   background: #4CAD20; */
  color: white!important;
	padding:10px;
}
.backcall:hover { color: #4CAD20!important;}
.backcall2 {
/*   background: #4CAD20; */
  color: white;
	padding:8px;
}
.backcall3 {
  background: #4CAD20;
  color: white!important;
	padding:10px;
}
.backcall3:hover { color: #fff!important;}
.h2small {
    font-size: 1.5rem;
    color: #fff;
}
.h2big {
    font-size: 30px;
    line-height: 40px;
}
.calltoaction_bannerrow {
    width: 100%!important;
    float: left;
    position: relative;
    background-color: #002944;
    font-family: Roboto, sans-serif;
    padding: 2% 12% 2% 12%;
}
.h2big{font-size:30px; line-height:40px}
.white{color:#ffffff;}
.red{color:#FF2515;}
.smallh2 h2{font-size:16px!important; line-height:18px;}
.h2small{font-size:1.5rem;color:#fff;}
.h2big a{color:#77d633;}
.addsample h4{
	background: #FEF6D2;
    border: 1px solid #E3D977;
    padding: 5px 10px;
	margin-top:10px;
	font-weight:300;
}
.spacer2{width:100%;margin-top:40px!important;}
.menu-cityname1-container li, .menu-cityname2-container li{list-style:none!important;}
.call{
	background-color:#D4D4D4;
	padding:50px 20px 20px 20px ;
}
.counter{text-align:center;}
.counter h2{font-size:30px; color:#0065A4;}
p, h1, h2, h3,h4,h5 {
    -webkit-font-smoothing: subpixel-antialiased;
	letter-spacing:0px!important;
}
p, h2, h3,h4,h5 {
    color: #333; padding-bottom: 10px;
}
ul li {color:#333;}
h1, h2, h3,h4,h5{text-transform: capitalize;}
h1{color: #0065a4;}
h2{font-size: 21px; line-height: 26px;}
h3{font-size: 19px; line-height: 26px;}
h4{font-size: 17px;line-height: 26px; font-weight: 500;}
body{
  background-color: #ffffff!important;
}
.content, .content , .full_width {
    background-color:#ffffff!important;
}
nav.main_menu ul li.active {color: #0061A0!important;}
nav.main_menu>ul>li.active>a{color: #0061A0!important;}
/* .fa-stack{width: 2em!important;} */
.relatedlink h2 a{
  font-family: 'Roboto', sans-serif;
  font-size: 1.2rem;
  line-height: 1.2rem;
  color: #444444!important;}
.relatedlink h2 a{
  font-family: 'Roboto', sans-serif;
  font-size: 17px;
  line-height: 1.2rem;
  color: #949494;
}
nav.main_menu > ul > li > a{
  font-size: 16px!important;
  font-family: 'Roboto', sans-serif;
  text-transform: uppercase;
}
.container a{ color:#0065a4;}
#menu-main-menu .second{color:#ffffff!important;}
#btnright {
    position: fixed;
    right: 0;
    z-index: 99999999;
    top: 50%;
    right: 0%;

    /* display: flex; */
    /* transform: translateY(-50%); */
    /* background: rgb(244, 67, 54); */
    /* width: 100px;
    height: 100px; */
    /* display: flex;
    flex-direction: column; */
    justify-content: center;
    align-items: center;
    font-size: 14px;
    cursor: pointer;
    /* background-image: url(../bridge/assets/contact.jpg);
    background-repeat: no-repeat; */
     /* width: 60px; */
   /* height: 100px;   */
    border: 0px;
    outline: 0px;

}
#btnright button{
  vertical-align:top;
  width: 180px;
  position: fixed;
  left: -80px;
  	transform:rotate(7deg);
    -ms-transform:rotate(90deg); /* IE 9 */
    -moz-transform:rotate(90deg); /* Firefox */
    -webkit-transform:rotate(90deg); /* Safari and Chrome */
    -o-transform:rotate(90deg); /* Opera */}
}
.drop_down .second{ width:300px!important;}
.drop_down .second .inner {
    position: relative;
    padding: 0;
    display: block;
    z-index: 997;
    width: 300px;
}
.drop_down .narrow .second .inner ul li{display: inline;}
.drop_down .second .inner ul, .drop_down .second .inner ul li ul, .shopping_cart_dropdown, li.narrow .second .inner ul, .header_top .right #lang_sel ul ul, .drop_down .wide .second ul li.show_widget_area_in_popup .widget, .drop_down .wide.wide_background .second {
    background-color: #002A45!important;
}
.drop_down .second .inner ul li a, .drop_down .second .inner ul li a {
    display: block;
    font-weight: 300;
    color: #fff;C9C9C9
    height: auto;
    line-height: 25px;
    margin: 0;
    padding: 0px 0;
    -webkit-transition: color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out;
    -ms-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
    font-size: 12px;
    text-transform:capitalize;
    letter-spacing: 0px;
    border-bottom: 1px solid #fff;
}
.q_tabs.vertical.left .tabs-nav li.active a,.q_tabs.vertical .tabs-nav li.active a
.q_tabs.vertical.left .tabs-nav li.active a:hover {
position:relative;z-index:2;border-color:rgba(0,0,0,.1)!important;color:#fff!important;font-weight:700;background-color:#8b5500!important;text-shadow:1px 1px 1px rgba(0,0,0,.2);
text-transform: capitalize; font-family: 'Roboto', sans-serif;
}
.q_tabs.vertical.left .tabs-nav li a{  color: #333333!important;padding: 16px;
text-transform: capitalize; font-family: 'Roboto', sans-serif;}
.tabs-nav li li a{padding:6px 20px 6px 35px;font-size:.875rem;border-top:none;border-bottom:none}
.tabs-nav li li:first-child a{padding-top:20px}
.tabs-nav li li:last-child a{padding-bottom:20px}
.tabs-nav li i{position:relative;top:1px;margin-right:6px;font-size:.875rem;text-align:center;width:16px}
.tabs-nav .icon-chevron-right{position:absolute;width:14px;height:14px;top:50%;left:auto;right:6px;margin-top:-8px;margin-right:0;opacity:.4;font-size:12px!important}
.tabs-nav>li>a:hover{background-color:#f5f5f5;color:#222}
.tabs-nav a:hover .icon-chevron-right{opacity:.5}
.tabs-nav .ui-tabs-active .icon-chevron-right,.tabs-nav .ui-tabs-active a:hover .icon-chevron-right{opacity:1}
.tabs-container p{
  line-height: 1.8rem; text-align: justify; font-size: 1rem; color: #555555;
}
.categorieslist ul li a {
  position: relative;
     display: block;
     padding: 0.75rem 1.25rem;
     background-color: #fff;
     border: 1px solid rgba(0, 0, 0, 0.125);
     font-size: 17px;
    font-weight: 400;
}
.categorieslist ul li a:hover{
    width: 100%;
     color: #8b5500;
    text-align: inherit;
    background-color: #dcdee0;
}
.testimonials_c_holder .testimonial_content_inner .testimonial_text_inner p:first-child {
    color: #ffffff;
    font-size: 28px;
    line-height: 35px;
    font-family: Times New Roman;
    font-style: italic;
}
.icon-list-wrapper {
    background: #8b5500;
    padding: 10px 0;
    margin: 15px 0;
}
.icon-list-wrapper .qode_icon_font_awesome.fa{
  color: #ffffff !important;
  font-size: 2rem;
}
.icon-list-wrapper .container {
    display: -webkit-flex;
    display: -moz-flex;
    display: -o-flex;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -o-justify-content: space-around;
    -ms-justify-content: space-around;
    justify-content: space-around;
    -webkit-align-items: center;
    -moz-align-items: center;
    -o-align-items: center;
    -ms-align-items: center;
    align-items: center;
      background: #8b5500;
}

.icon-list-wrapper .icon-box-wrap:first-child {
    border-left: 0;
    padding-left: 0;
}
.icon-list-wrapper .icon-box-wrap {
    width: auto;
}
.icon-list-wrapper .icon-box-wrap .icon-box-img {
    display: inline-block;
    width: 40px;
    vertical-align: middle;
}
.icon-list-wrapper .icon-box-wrap .icon-box-text {
    display: inline-block;
    padding-left: 5px;
    color: #fff;
    text-transform: uppercase;
    vertical-align: middle;
}
.icon-list-wrapper .icon-box-wrap .icon-box-text .usp-head {
    font-size: 18px;
    line-height: 40px;
    font-weight: bold;
    display: inline-block;
}
.inner-channel-box-div {
    background: white;
    text-align: center;
    position: relative;
    background-color: #fff;
    border: 10px solid #ececec;
    padding-top: 10px;
}
.inner-channel-box-div h2{
  font: 25px/26px 'Roboto Slab', Georgia, Helvetica, sans-serif;
    color: #F44336 !important;
    font-weight: bold;

}
.inner-channel-box-div .channel-logo {
  width: 100%;
	height: 100px;
	margin: 0;
	padding: 0;
	background: #fff;
	overflow: hidden;
  display: flex;

    overflow: hidden;
    display: -webkit-flex;
    display: -moz-flex;
    display: -o-flex;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -o-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -o-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
}
.qbutton.small{text-transform: capitalize; letter-spacing: 0px; padding: 7px; font-size: 13px;}
.news-paper-title {
    font-size: 18px;
    color: #252122;
    font-weight: 600;
    margin-top: 20px;
    text-align: center !important;
}
.inner-channel-box-div span{font-size: 13px; color: #333; width: 100%; display: inline-block;}
.inner-channel-box-div h3{
  text-align: center !important;
  color:#00AA62!important;font-size: 30px!important;
font-weight: bold; font-family: 'Myriad-Pro',sans-serif;}
.news-paper-title p a{text-align: center !important; margin: auto; background-color: #0061A0; color: #fff;
text-transform: capitalize!important;}
.inner-channel-box-div p{text-align: center !important;}
.inner-channel-box-div p a.qbutton:hover{background-color: #333;color: #fff;}
.footer_top h4,.footer_top p {color: #fff !important;}
.contform4{
	width:100%;
	height:auto;
	background-color:transparent;
	float:left;
	position:relative;
	padding:10px 20px 10px 20px;
	margin-bottom:10px;
}
.contform4 input[type="text"],.contform4 input[type="email"],.contform4 input[type="password"], .contform4 input[type="tel"] {
  display: block;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 20px;
  border: 1px solid #6e6e6e!important;
  height:33px !important;
  background-color:#ffffff;
  width:90% !important;
  color: #000000;
}
/* .wpcf7-form select {
  display: block;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 10px;
  border: 1px solid #6e6e6e!important;
  height:40px !important;
  background-color:#f2f2f2;
  width:90% !important;
  color: #000000;
} */
.wpcf7-form select {
  background-color:#ffffff;
   border: 1px solid #6e6e6e!important;
    width: 90%;
   padding: 5px;
   font-size: 16px;
   line-height: 1;
    height: 80px;
   -webkit-appearance: none;

   }
select.wpcf7-form-control.wpcf7-select{  width: 90%!important;}
   /* .wp-block-uagb-cf7-styler .wpcf7 select.wpcf7-select {
   -webkit-appearance: menulist;
   -moz-appearance: menulist;
   -webkit-appearance: menulist;
} */

.contform4 textarea {
  display: block;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 15px;
  border: 1px solid #6e6e6e!important;
  height:70px !important;
  background-color:#ffffff;!important;
  width:90% !important;
  color: #000000;
}
.contform4 h4{
	font: 25px/26px 'Roboto Slab', Georgia, Helvetica, sans-serif;
	color: #252525;
	text-decoration:none !important;

}
.contform4 input:focus {
	border: 1px solid #0c8aff;
}
.contform4 input[type=submit]
{
  height: 2rem !important;
  line-height: 2rem !important;
   color: #fff!important;
  padding: 6px 18px;
  display: inline-block;
  -webkit-border-radius: 0;
  border: none !important;
  background-color: #f44336;
  text-transform: uppercase;
  border-radius: 0;
  font-size: 13px;
   -webkit-font-smoothing: antialiased;
  -webkit-transition: background 0.25s ease-in;
  -ms-transition: background 0.25s ease-in;
  -o-transition: background 0.25s ease-in;
  transition: background 0.25s ease-in;
  margin-top:5px;
}
.contform4 input[type=submit]:hover,
.contform4 input[type=submit]:focus {
  height: 2rem !important;
  line-height: 2rem !important;
   color: #fff;
  padding: 6px 18px;
  display: inline-block;
  -webkit-border-radius: 0;
  border: none !important;
  background-color: #D83125!important;
  text-transform: uppercase;
  border-radius: 0;
  font-size: 13px;
}
.div1r3{
	width:100%;
	height:60px;
	float:left;
	position:relative;

}
.div1r4{
	width:100%;
	height:80px;
	float:left;
	position:relative;
}
.div1r5{
	width:100%;
	height:100px;
	float:left;
	position:relative;
  margin-bottom: 20px;
}
.div1r6{
	width:100%;
	height:80px;
	float:left;
	position:relative;
  margin-top: 10px;
}
.div1r7{
	width:100%;
	height:80px;
	float:left;
	position:relative;
}
.div1r8{
	width:100%;
	height:120px;
	float:left;
	position:relative;
}
.wpcf7 form .wpcf7-response-output, div.wpcf7-response-output{
  float: left!important;
  border-color:#8b5500!important;
  color: #8b5500!important;
}
.red2{text-align:left; padding-left: 20px;}
.red2 a{
  color: #8b5500; text-align: center;
}
.red2 a:hover{
  text-decoration: underline;
}
.red3{text-align:center; padding: 30px; }
.red3 a{color: #8b5500 !important;}
.red3 a:hover{color: #242528;}
.logotext {
        display: flex;
        align-items: center;
}

.logotext img{
  float: left;
  /* height: 150px; */
    position: relative;
    flex-basis: 10%;
    text-align: left;
    margin-left: 10%;

}
.logotext h2{
    /* padding-left: 30px; */
    /* line-height: 1.8rem; */
    /* padding-bottom: 10px; */
    text-align: center;
    width: 40%;  }
.logotext h2 a{  color: #8b5500;}
/* .displayadtext {
        display: flex;
        align-items: top;
        justify-content: center
} */
.logotext2 {
             text-align: center;
}
.logotext2 h2{ line-height: 1.8rem; padding-bottom: 10px;}
.displayadtext img{
  float: left;
  position: relative;
  padding-right: 20px;
  flex-basis: 20%;
  width: 90%;
}
.logotext3{
  text-align: center;
}
.logotext3 h2{ display: inline;
}
.displayadtext h2{
 float: left;
 width: 100%;
  position: relative;
  font-size: 1.2rem;
  line-height: 1.2rem !important;
}
.displayadtext h2 a{
   font-size: 1.2rem;
}
.displayadtext .qbutton{
  margin-top: 40px!important;
  height: 2.8rem;
  line-height: 2.8rem;
}
.center{text-align: center;}
.center h1{line-height: 60px;}
.center p, .center h2{text-align: center; margin: 20px 0px 20px 0;}
.center img{margin: auto; float: none;}
.center3{text-align: center;}
.center3 h1{font-size: 60px!important;}
.center3 h2{margin-top:20px!important;}
p{
    line-height: 1.9rem;
    text-align: justify;
    font-size: 17px;
    color: #333;
    margin-bottom: 10px!important;

}
h2{
    line-height: 30px;
    font-size: 22px;
    color: #333;
    font-family: Roboto, Verdana, sans-serif;
    text-transform: capitalize;
    font-weight: bold;
  }
.q_list.circle ul>li, .q_list.number ul>li{
  padding-left: 30px;
  color: #333;
  font-size: 17px;
  line-height: 1.6rem;
  margin-bottom: 20px;
  text-align: justify;
  font-family: 'Roboto', sans-serif;
}
.qbutton{margin: 20px 0px 10px 0px ;}
.vc_column-inner h3{margin-bottom: 0px !important;}
.footer_col1 p{
  font-size: 15px; line-height: 1.8rem; color:#ffffff !important;
  text-transform:capitalize; text-align: left;
 }
.footer_top a:not(.qbutton) {
    font-family: "roboto", sans-serif;
    font-size: 17px;
     line-height: 1.6rem;
     font-weight: 200;
     text-transform:none;
}
.footer_bottom p {
    font-family: "roboto", sans-serif;
    font-size: 13px;
     line-height: 1rem;
     font-weight: 200;
     text-transform:none;
     text-align: center;
     color: #A2DAFF !important;
}
.footer_bottom ul li a{text-transform:capitalize!important;}
.footer_bottom ul li a:hover{color: #8b5500!important;}
table {
    border-collapse: collapse;
    width: 100%;
}

th, td {

    padding: 12px !important;
    color: #222;
    font-size: 17px;
    line-height: 2rem;
    text-align: left !important;
}
/*
	Max width before this PARTICULAR table gets nasty. This query will take effect for any screen smaller than 760px and also iPads specifically.
	*/
	@media
	  only screen and (max-width: 760px), (min-device-width: 768px)and (max-device-width: 1024px)  {

.slider{
  text-align: center!important;
	margin-top:20px;
}
.slider h2{
    text-align: center!important;
    height: auto;
    width: auto;
    text-decoration: none;
  white-space: normal;
    line-height: 3rem;
    font-weight: 300;
    font-size: 2.5rem;
    margin-bottom: 25px;
}
.slider h1{
      text-align: center!important;
      line-height: 3rem;
      letter-spacing: 0px;
      font-weight: 400;
      font-size: 2.5rem;
      margin-bottom: 28px;
}
.slider .button1{
  z-index: 12;
    background-color: rgba(0, 0, 0, 0);
    text-align: center!important;
    font-family: Roboto;
    padding: 10px;
    height: 2rem;
    width: auto;
    color: rgb(139, 85, 0);
    text-decoration: none;
    white-space: nowrap;
    line-height: 40px;
    letter-spacing: 0px;
    font-weight: 500;
    font-size: 17px;
    border-color: rgba(139, 85, 0, 1);
    border-style: solid;
    border-width: 1px;
    padding-left: 25px;
    padding-right: 25px;
    transform-origin: 50% 50%;
    opacity: 1;
    transform: translate(0px, 0px);
    visibility: visible;
    border-radius: 0px;
}
.slider p{text-align: center; margin:0px 10% 0px 10%;}
.slider h3{
    font-family: Montserrat;
    text-align: center!important;
    height: auto;
    color: rgb(48, 43, 43);
    line-height: 33px;
    letter-spacing: 0px;
    font-weight: 400;
    font-size: 20px;
    margin-bottom: 10px!important;
}

ul li{line-height: 1.9rem;}
.logotext{text-align: center;}
.logotext img{
  position: relative;
  margin: auto;
  float: none;
  width: 100%;

}
.logotext h2{ position: relative;
margin: auto;
float: none;
width: 100%;
padding-bottom: 20px;
}
}

tr:nth-child(even){background-color: #e8e8e8}
.call_to_action .column2.button_wrapper .qbutton{   top:10px!important; }
.header_top  .right h5{color: #8b0000;padding-right: 20px;}
.space{
  width: 100%;
  height: 50px;
  float:left;
  position: relative;
}
blockquote.with_quote_icon h5 {
    padding: 0 0 0 40px;
    text-align: justify;
    line-height: 2.3rem;
    font-family: Times New Roman;
    font-style: italic;
    font-size: 1.5rem;
}
blockquote i.fa{color: #8b5500;}
.categorieslist2{
  font-size: 1.2rem;
  line-height: 1.9rem;
  font-family: 'Roboto', sans-serif;
}
.categorieslist3{
  font-size: 16px;
  line-height: 1rem;
  font-family: 'Roboto', sans-serif;
}
.elementor-widget.elementor-widget-sidebar .widget li, .wpb_widgetised_column .widget li{
  border-bottom: 1px solid #A2DAFF!important;
}
.elementor-widget.elementor-widget-sidebar .widget li, .wpb_widgetised_column .widget li:hover{
  border-bottom: 1px solid #A2DAFF!important;
  background-color: #A2DAFF!important;
  color: #00426D;
}
.category_page_list ul li{
  display: block;
  font-size: 16px;
  line-height: 1rem;
  font-weight: 700!important;
  text-transform:capitalize;
  position: relative;
  max-width: 60%;
  margin: 20px !important;
  background-image: url("https://changeofname.in/wp-content/uploads/2021/05/cat_bg1-1.jpg");
  background-position: center;
  background-repeat: no-repeat;
  /* background-size: cover; */
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    color: #333;
    text-align: center;
  border-radius: 4px;
  padding: 32px 24px;
  text-decoration: none;
  z-index: 0;
  overflow: hidden;
  &:before {
      content: "";
      position: absolute;
      z-index: -1;
      top: -16px;
      right: -16px;
      background: #d2d2d3;
      height: 32px;
      width: 32px;
      border-radius: 32px;
      transform: scale(1);
      transform-origin: 50% 50%;
      transition: transform 0.25s ease-out;

    }

    &:hover:before {
      transform: scale(21);
    }
  }
.category_page_list ul li:hover {

    transition: all 0.3s ease-out;
    color: #fff;
    background-color: #8b5500;
  }
.category_page_list2 ul li{
  display: block;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 1.3rem;
  line-height: 2.3rem;
  font-weight: 700!important;
  text-transform: uppercase;
  position: relative;
  max-width: 60%;
  margin: 20px !important;
  background-image: url("https://changeofname.in/wp-content/uploads/2021/05/cat_bg10.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    color: #333;
    text-align: center;
  border-radius: 4px;
  padding: 32px 24px;
  text-decoration: none;
  z-index: 0;
  overflow: hidden;
  &:before {
      content: "";
      position: absolute;
      z-index: -1;
      top: -16px;
      right: -16px;
      background: #d2d2d3;
      height: 32px;
      width: 32px;
      border-radius: 32px;
      transform: scale(1);
      transform-origin: 50% 50%;
      transition: transform 0.25s ease-out;
    }
    .category_page_list2 ul li:hover {
        transition: all 0.3s ease-out;
        color: #fff;
        background-color: #8b5500;
      }
    &:hover:before {
      transform: scale(21);
    }
}
.q_tabs.vertical.left .tabs-nav li a{
    color: #333333!important;
    padding: 18px;
    font-size: 1.1rem;
    line-height: 1.4rem;
}
.q_tabs.vertical.left .tab-content {
    padding: 17px;
    border-left: 2px solid #e3e3e3;
    left: -2px;

}
.q_tabs.vertical.left .tab-content h2 {
  margin-bottom: 30px;
}
.q_tabs.vertical.left .tab-content p{margin-bottom: 10px; line-height: 1.9rem;}
.q_tabs.vertical.left .tab-content ul li{line-height: 1.9rem;font-size: 1rem; font-family: 'Roboto', sans-serif;}
ul li{line-height: 1.9rem;font-size: 1rem;}
.vc_tta-panel-body img{width: 90%;}
.vc_tta-panel-body h2{font-size: 1rem!important;}
.footer_top .widget.widget_nav_menu li a{font-size: 15px; line-height: 1rem; color: #fff;}
.footer_top .widget.widget_nav_menu li a:hover{color: #42CCFF!important;}

.footer_bottom {
    display: table-cell;
    text-align: center;
    font-size: 13px;
    line-height: 1rem;
    /* height: 53px; */
    /* width: 1%; */
    vertical-align: middle;
    padding-bottom: 10px!important;background-color: #001D2F!important;

}
.footer_bottom li a{color: #A2DAFF!important;}
.footer_bottom li a:hover{color: #fff!important;}
.qode-advanced-tabs .qode-advanced-tabs-nav li a{
  position: relative;
    display: table;
    width: 100%;
    padding: 14px 28px!important;
    color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
    -moz-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}
.copyright{color: #808080;
    font-size: 12px;
    line-height: 22px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #888;
    padding: 20px;
    border-top: 1px solid #444;
  }
.copyright a{color: #d8d8d8;}
.copyright a:hover{color: #8b5500;}
#slider-1-slide-1-layer-1{font-size: 2rem !important; text-align: center!important;}
.accordion_content_inner li{
  font-size: 17px; line-height: 1.9rem;
}
.fbox-bg.fbox-center {
    margin-top: 2rem;
    margin-left: 0;
    margin-right: 0;
    padding: 0 2rem 2rem;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
}
.fbox-center {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}
.feature-box {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -.75rem;
    margin-right: -.75rem;
}
.fbox-bg.fbox-center .fbox-icon {
    background-color: #fff;
}
.fbox-bg.fbox-center .fbox-icon {
    margin-top: -2rem;
}
.fbox-center .fbox-icon {
    margin-bottom: 1.5rem;
}
.fbox-plain .fbox-icon {
    border: none!important;
}
.fbox-icon {
    width: 5.5rem;
    height: 4rem;
    padding: 0 .75rem;
}
.fbox-icon i, .fbox-icon img {
    border-radius: 50%;
    /* background-color: #1abc9c; */
}
.fbox-icon a, .fbox-icon i, .fbox-icon img {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    color: #fff;
}
.fbox-content h3 {
    font-size: 17px;
    font-weight: 600;
    font-family: Poppins,sans-serif;
    text-transform: uppercase;
    margin-bottom: 0;
    color: #333;
}
.fbox-content h3 span.subtitle {
    display: block;
    margin-top: 5px;
    color: #444;
    font-weight: 400;
    text-transform: none;
    font-size: 17px;
    line-height: 1.8rem;
}
.slider{
  text-align: center!important;
}
.slider h2{
  z-index: 9;
    /* font-family: Roboto; */
  font-family: Roboto Slab,Times New Roman,serif;
    text-align: center!important;
    text-transform:capitalize;
    color: rgb(26, 28, 32);
    text-decoration: none;
    white-space: normal;
    line-height: 3rem;
    font-weight: 300;
    font-size: 2rem;
    margin-bottom: 20px;
}
.slider h2 span{
  font-family: Roboto Slab,Times New Roman,serif;
    text-align: center!important;
    text-transform:capitalize;
    color: rgb(26, 28, 32);
    font-weight: 700;
    font-size: 2.3125rem;
}
.btn-danger {
    color: #fff;
    background-color: #f44336;
    border-color: #f44336;
    box-shadow: 0 2px 2px 0 rgb(244 67 54 / 14%), 0 3px 1px -2px rgb(244 67 54 / 20%), 0 1px 5px 0 rgb(244 67 54 / 12%);
}
.slider h1{
  z-index: 11;
      font-family: 'Montserrat',Roboto;
      text-transform: capitalize;
      text-align: center!important;
      height: auto;
      width: auto;
      color: rgb(26, 28, 32);
      text-decoration: none;
      white-space: normal;
      min-height: 0px;
      min-width: 0px;
      max-height: none;
      max-width: none;
      line-height: 3rem;
      letter-spacing: 0px;
      font-weight: 400;
      font-size: 2.3rem;
      transform-origin: 50% 50%;
      opacity: 1;
      transform: translate(0px, 0px);
      visibility: visible;
        margin-bottom: 25px;
}
.slider .button1{
  z-index: 12;
    background-color: rgba(0, 0, 0, 0);
    text-align: center!important;
    font-family: Roboto;
    padding: 10px;
    height: 2rem;
    width: auto;
    color: rgb(139, 85, 0);
    text-decoration: none;
    white-space: nowrap;
    line-height: 40px;
    letter-spacing: 0px;
    font-weight: 500;
    font-size: 17px;
    border-color: rgba(139, 85, 0, 1);
    border-style: solid;
    border-width: 1px;
    padding-left: 25px;
    padding-right: 25px;
    transform-origin: 50% 50%;
    opacity: 1;
    transform: translate(0px, 0px);
    visibility: visible;
    border-radius: 0px;
}.slider .button1:hover{color: #fff;  background-color: rgb(139, 85, 0.8); border-color: rgba(98, 60, 0, 0.5);}
.slider p{text-align: center;margin:0px 10% 0px 10%;}
.slider h3{
  z-index: 10;
    font-family: Montserrat;
    text-align: center!important;
    height: auto;
    color: rgb(48, 43, 43);
    white-space: normal;
    width: auto;
    min-height: 0px;
    min-width: 0px;
    max-height: none;
    max-width: none;
    line-height: 33px;
    letter-spacing: 0px;
    font-weight: 400;
    font-size: 20px;
    transform-origin: 50% 50%;
    opacity: 1;
    transform: translate(0px, 0px);
    visibility: visible;
      margin-bottom: 10px!important;
}
.q_accordion_holder.accordion div.accordion_content_inner {
  padding: 0 0 0 10px !important;
  margin: 0;
  line-height: 1.9rem;}
.calltext{
  line-height: 35px;
  color: #333;
font-weight: 500;
font-size: 24px;
font-family: Roboto Slab ,Myriad-Pro ,sans-serif;
	background-color:#D4D4D4;
	padding:20px;
	float:left;
	position:relative;
	width:100%;
}
.qode-advanced-tabs.qode-advanced-horizontal-tab .qode-advanced-tabs-nav li.ui-state-active{
  background-color: #0061A0; color: #fff !important;
}
.qode-advanced-tabs.qode-advanced-horizontal-tab .qode-advanced-tabs-nav li h2{
  font-size: 1.2rem; text-transform: capitalize !important;
}
.qode-advanced-tabs.qode-advanced-horizontal-tab .qode-advanced-tabs-nav li h2 a{
  color: #fff;}
.qode-advanced-tabs .qode-advanced-tabs-nav li{
    background-color: #ADD7E8;
}
.qode-advanced-tabs.qode-advanced-horizontal-tab .qode-advanced-tabs-nav li.ui-state-active a{
  color: #fff !important;
}
.samplead{
width: 520px !important;
height: 420px!important;
float: left;
position: relative;
padding: 10px!important;
margin-bottom: 20px!important;
margin-top: -40px!important;

}
.qode-info-card-with-icon .qode-icwi-text-holder{background-color:inherit!important;}
.q_icon_with_title .icon_title_holder .icon_holder{padding-right: 10px!important;}
.elementor-widget.elementor-widget-sidebar .widget li, .wpb_widgetised_column .widget li {
  border-bottom: 1px solid #eb9001;
  /* padding: 4px; */
  }
.elementor-widget.elementor-widget-sidebar .widget li, .wpb_widgetised_column .widget li:hover{
  border-bottom: 1px solid #8b5500;
  background-color: #e2b774;
}
.responsivetable td {	color: #333;}
.tableh2 {	padding-bottom: 10px; margin-top: 50px;}
.faq{
  margin: 50px 0px 50px 0px ;
}
.faq h3{ padding: 20px 0px 30px 0px ;}
/* .faq dt h4{ margin: 30px 0px 0px 0px ;} */
.faq p{ display: inline;}
dt{ position: relative; display:block; width: 100%; height: auto; margin: 0px 0 10px 0; }
dd.answer	{ position: relative; width: 98%; float: right; margin-left: 2%;}
dd.answer div		{
  line-height: 1.8rem;
      text-align: justify;
      font-size: 17px;
      margin-bottom: 40px;
      margin-left: 15px;
       }
.qode-accordion-holder .qode-title-holder .qode-tab-title{
  height:auto!important;
  padding: 10px ;
  font-family: 'Roboto', sans-serif;
    font-size: 1.2rem;
    font-weight: 600;
    text-transform: capitalize !important;
}
.inner-channel-box-div{
  margin: 10px 0px 10px 0px ;
}
.breadcrum-title{
   font-family: 'Times New Roman', 'Roboto', sans-serif;
    font-size: 1.5rem;
    font-weight: 600;
    text-transform: capitalize;
    color: #8b5500;
    font-style: italic;
    line-height: 2rem;
}
.check-list {
  margin: 0;
  padding-left: 1.2rem;
}

.check-list li {
  position: relative;
  list-style-type: none;
  padding-left: 2.5rem;
  margin-bottom: 0.5rem;
}

.check-list li:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 2px;
    width: 5px;
    height: 11px;
    border-width: 0 2px 2px 0;
    border-style: solid;
    border-color: #8b5500;
    transform-origin: bottom left;
    transform: rotate(45deg);
}
.wpcf7 form.sent .wpcf7-response-output, div.wpcf7-response-output.wpcf7-mail-sent-ok{
  background-color: #008000!important;
  color: #fff!important;
}
@media only screen and (max-width: 1000px){
	.header_top .left, .header_top .right{display:none!important;}
	.header_top{display:none!important;}
  .q_accordion_holder.accordion div.accordion_content {
    padding: 0 0 0 10px !important;
    margin: 0;
}
  h5{font-size: 1.2rem;}
  body.qode_advanced_footer_responsive_1000 .four_columns .column1, body.qode_advanced_footer_responsive_1000 .four_columns .column2, body.qode_advanced_footer_responsive_1000 .four_columns .column3, body.qode_advanced_footer_responsive_1000 .four_columns .column4 {
    width: 100%!important;
}
.samplead{
width: 90% !important;
height: 100%!important;
}
.q_tabs.vertical .tabs-nav {
    width: 100%!important;
    margin: 0;
}
.q_tabs.vertical .tabs-container {
    width: 100%!important;
}
blockquote.with_quote_icon h5{padding: 0px!important;}
.category_page_list2 ul li{width: 80%;}
.mobile_menu_button span .qode_icon_font_awesome{font-size: 1.5rem!important;}
	.header-top-right #whatsapp_img, #whatsapp_img2 {
  width: 25px!important;
  line-height: 35px;
  margin-top: 5px;
}
.header-top-right #callback_img, #callback_img2 {
  width: 35px!important;
}
}
@media only screen and (max-width: 768px){
	.large-7inside {
    width: 100%;
    float: left;
    color: #373F45!important;
    margin-top: 150px;
}.margin-right {
    margin-right: 0px!important;
}
	.bluebg4{background-color:#ebf5f9; padding:30px 0px 30px 0px!important;}
	.mainheader {    width: 100%;    background-color: #DCECF6!important; height:250px;}
	#menu{position:absolute; top:10px;}
	.header h3 {
    color: #0061A0;
    font-family: Geomanist;
    font-size: 2.8rem!important;
		line-height:3.5rem;
    font-weight: 600;
    position: absolute;
		text-align:center;
    top: 130px;
    left: 20px;
  }
	.chatbutton a{ display:inline-block; margin-bottom:10px;}
	.header-line.header-logo-2 {
    float: right;
    max-width: 100px;
}
.nav {display:none!important;}
.top-menu1 {
    width: 100%;
    float: left;
    margin: 0;
	z-index:99999999999;
}
.wrapper, body {background-color:transparent;}
.check-list li {
    position: relative;
    list-style-type: none;
     padding-left: 1.5rem;
    /* margin-bottom: 0.5rem; */
}
	.contactbanner h2 {
    font-size: 1.2rem;
    color: #fff;
		line-height:2.5rem!important;
		text-align:center!important;
}

.footer_bottom ul.menu li {
     width: auto!important;
     display: inline-block;
}
#rev-slider-widget-2 img{ width: 95%!important; height: 100%!important;}
.vc_col-sm-6 {
    width: 100%!important;	}
	.icon-bar3 a{
		padding: 10px 10px 10px 10px!important;
    transition: all 0.3s ease;
    color: white;
    font-size: 14px!important;
	}
	.content .container .container_inner.page_container_inner, .full_page_container_inner {
    padding: 10px 0 0!important;
}
}
@media only screen and (max-width: 480px) {#rev-slider-widget-2 img{ width: 95%!important; height: 100%!important;}
	.check-list li {
    position: relative;
    list-style-type: none;
     padding-left: 1.5rem;
    /* margin-bottom: 0.5rem; */
}
	.contactbanner h2 {
    font-size: 1.2rem;
    color: #fff;
		line-height:2.5rem!important;
		text-align:center!important;
}
.icon-bar3 a{
		padding: 10px 10px 10px 10px!important;
    transition: all 0.3s ease;
    color: white;
    font-size: 14px!important;
	}
	.content .container .container_inner.page_container_inner, .full_page_container_inner {
    padding: 10px 0 0!important;
}
}
/* @media only screen and (max-width: 420px) {#rev-slider-widget-2 img{ width: 60%!important;}}
@media only screen and (max-width: 350px) {#rev-slider-widget-2 img{ width: 60%!important;}} */
.div#wpcs_tab_466{line-height: 26px;}
.qode-advanced-tabs .qode-advanced-tabs-nav{z-index: 999999999;}
.side_menu_button_wrapper{display: none;}
/*-------css card effect-----*/

.testimotionals {
width:350px;
 display:inline-block;
  margin-left:0px !important;
  /* margin-top:50px */

}


.testimotionals .card {

  position:relative;
  overflow:hidden;
  width:100% !important;
  margin:0 auto;
  background:linear-gradient(to bottom, rgba(255,0,0,0), rgba(255,255,255,1));
  padding:20px;
  box-sizing:border-box;
  text-align:center;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, .6);
}
.testimotionals .card .layer {
  z-index:1;
  position:absolute;
  top:calc(100% - 2px);
  height:100%;
  width:100%;
  left:0;
  /* background:linear-gradient(to bottom, rgba(255,0,0,0), rgba(255,255,255,1)); */
  /* background:linear-gradient(to left , #0065a4, #0065a4); */
  transition:0.5s;
  background: url('https://changeofname.in/tamil/wp-content/uploads/2025/04/Change-of-Name-Application-form-for-Tamil-Nadu-Chennai.webp') no-repeat center 0;
  background-size:cover;


}
.testimotionals .card .layer:hover {

}
.testimotionals .card .content1 {
  z-index:2;
  position:relative;
  background-color:transparent!important;
}

.testimotionals .card:hover  .layer{
  /*   background-color:transparent!important; */

top:0;
}

.testimotionals .card .content1 p {
  font-size:14px;
  line-height:24px;
  text-align: center;
}
.testimotionals .card .content1 .image {
  width:100px; height:100px;
  margin:auto;
  border-radius:50%;
  overflow:hidden;
  border: 4px solid white;
  box-shadow: 0 10px 40px rgba(0,0,0,0.5);

}

.testimotionals .card .content1 .details h2 {
font-size:24px;
color:#333;
line-height: 35px;
text-transform: capitalize;
font-weight: bold;
font-family: bebas_neueregular , Arial, sans-serif;
}
.testimotionals .card .content1 .details h2 span {
font-size:18px;
color:purple;
  transition:0.5s;
}
.testimotionals .card .content1  p {color:#333;}
.testimotionals .card:hover .content1  p{color: transparent !important;
  /* color:#222222!important; */
}
.testimotionals .card:hover .content1 .details h2  {color: transparent !important;
  /* color:#222222!important; */
}
.button3{
  z-index: 12;
  color: #fff;
  background-color: #f44336;
  border-color: #f44336;
  box-shadow: 0 2px 2px 0 rgb(244 67 54 / 14%), 0 3px 1px -2px rgb(244 67 54 / 20%), 0 1px 5px 0 rgb(244 67 54 / 12%);

    text-align: center!important;
    font-family: Roboto;
    padding: 10px;
    height: 2rem;
    width: auto;
    text-decoration: none;
    white-space: nowrap;
    line-height: 40px;
    letter-spacing: 0px;
    padding: 1.125rem 2.25rem;
      font-size: .875rem;
      line-height: 1.333333;
      border-radius: .2rem;
      /* border-color: #333;
    border-style: solid;
    border-width: 1px; */
    transform-origin: 50% 50%;
    opacity: 1;
    transform: translate(0px, 0px);
    visibility: visible;
    border-radius: 0px;
}
.button3:hover{color:#fff !important;background-color:#D83125;border-color:#D83125}
/* .testimotionals .card:hover .content1  a {color: #333;
  background-color: #fff;
  border-color:#fff;} */
.home-wrap {
   background: #C8CFD3;
        /* background: #0082AF; */
      padding: 15px;
      /* color: #fff!important; */
    }
    .call_to_action {
     background: #A2DAFF!important}
  }
.home-wrap2 {
          background: #C8CFD3;
          padding: 40px;
          text-align: center!important;
        }
.inside-conent-section {
    overflow: hidden;
    position: relative;
}
.w-100 {
    width: 100%!important;
}
.inside-conent-section .about-text {
    min-height: 500px;
    align-items: center;
    display: flex;
}
.sectionbg {
    content: '';
    background: url("../bridge/assets/section3.jpg") no-repeat center 0;
    background-size:contain;
    right: 0;
    width: 50%;
    height: 100%;
    min-height: 700px;
    position:absolute;
}
.sectionbg2{
    content: '';
    background: url("../bridge/assets/section2.jpg") no-repeat center 0;
    background-size: cover;
    left: 0;
    width: 50%;
    height: 100%;
    min-height: 500px;
    position: relative;
}
.sectionbg3 {
    content: '';
    background: url("../bridge/assets/form.jpg") no-repeat center 0;
    background-size:auto;
    left: 0;
    width: 50%;
    height: 100%;
    min-height: 500px;
   position: relative;
}
.sectionbg5 {
    content: '';
    background: url("../bridge/assets/section5.jpg") no-repeat center -50px;
    background-size:cover;
    left: 0;
    width: 50%;
    height: 100%;
    min-height: 750px;
   position: relative;
}
.sectionbg6 {
    content: '';
    background: url("../bridge/assets/section2.jpg") no-repeat center 0;
    background-size:cover;
    right: 0;
    width: 50%;
    height: 100%;
    min-height: 850px;
    position:relative;
}
.sectionbg7 {
    content: '';
    background: url("../bridge/assets/name-change-after-marriage.jpg") no-repeat center 0;
    background-size:auto;
    left: 0;
    width: 50%;
    height: 100%;
    min-height: 700px;
   position: relative;
}
.sectionbg8 {
    content: '';
    background: url("../bridge/assets/passport.jpg") no-repeat center -50px;
    background-size:cover;
    left: 0;
    width: 50%;
    height: 100%;
    min-height: 450px;
   position: relative;
}
.sectionbg9 {
    content: '';
    background: url("../bridge/assets/school-leaving.jpg") no-repeat center 0;
    background-size:cover;
    left: 0;
    width: 50%;
    height: 100%;
    min-height: 550px;
   position: relative;
}
.sectionbg10 {
    content: '';
    background: url("../bridge/assets/application.jpg") no-repeat center 0;
    background-size:cover;
    left: 0;
    width: 50%;
    height: 100%;
    min-height: 550px;
   position: relative;
}
.sectionbg11 {
    content: '';
    background: url("../bridge/assets/Change-of-Religion.jpg") no-repeat center 0;
    background-size:cover;
    left: 0;
    width: 50%;
    height: 100%;
    min-height: 550px;
   position: relative;
}
.sectionbg12 {
    content: '';
    background: url("../bridge/assets/Adoption.jpg") no-repeat center -150px;
    background-size:cover;
    left: 0;
    width: 50%;
    height: 100%;
    min-height: 400px;
   position: relative;
}
.sectionbg13 {
    content: '';
    background: url("../bridge/assets/Divorce1.jpg") no-repeat center -100px;
    background-size:cover;
    left: 0;
    width: 50%;
    height: 100%;
    min-height: 700px;
   position: relative;
}
.sectionbg14 {
    content: '';
    background: url("../bridge/assets/Astrology-Numerology.jpg") no-repeat center 0;
    background-size:cover;
    left: 0;
    width: 50%;
    height: 100%;
    min-height: 550px;
   position: relative;
}
.sectionbg15 {
    content: '';
    background: url("../bridge/assets/Gender-Change.jpg") no-repeat center 0;
    background-size:cover;
    left: 0;
    width: 50%;
    height: 100%;
    min-height: 550px;
   position: relative;
}
.sectionbg16 {
    content: '';
    background: url("../bridge/assets/Spelling-Mistake2.jpg") no-repeat center -50px;
    background-size:cover;
    left: 0;
    width: 50%;
    height: 100%;
    min-height: 380px;
   position: relative;
}
.sectionbg17 {
    content: '';
    background: url("../bridge/assets/mumbai.jpg") no-repeat center -50px;
    background-size:cover;
    left: 0;
    width: 50%;
    height: 100%;
    min-height: 380px;
   position: relative;
}
.sectionbg18 {
    content: '';
    background: url("../bridge/assets/timesof-india.jpg") no-repeat center 0;
    background-size:cover;
    left: 0;
    width: 50%;
    height: 100%;
    min-height: 550px;
   position: relative;
}
.sectionbg19 {
    content: '';
    background: url("../bridge/assets/punecity.jpg") no-repeat center 0;
    background-size:cover;
    left: 0;
    width: 50%;
    height: 100%;
    min-height: 550px;
   position: relative;
}
.sectionbg20 {
    content: '';
    background: url("../bridge/assets/kolkatta.jpg") no-repeat center 0;
    background-size:cover;
    left: 0;
    width: 50%;
    height: 100%;
    min-height: 550px;
   position: relative;
}
.sectionbg21 {
    content: '';
    background: url("../bridge/assets/banglorecity.jpg") no-repeat center 0;
    background-size:cover;
    left: 0;
    width: 50%;
    height: 100%;
    min-height: 550px;
   position: relative;
}
.sectionbg22 {
    content: '';
    background: url("../bridge/assets/delhi.jpg") no-repeat center -50px;
    background-size:cover;
    left: 0;
    width: 50%;
    height: 100%;
    min-height: 450px;
   position: relative;
}
.sectionbg23 {
    content: '';
    background: url("../bridge/assets/maharashtra.jpg") no-repeat center 0;
    background-size:cover;
    left: 0;
    width: 50%;
    height: 100%;
    min-height: 550px;
   position: relative;
}
.sectionbg24 {
    content: '';
    background: url("../bridge/assets/Maharashtra-Times.jpg") no-repeat center 0;
    background-size:cover;
    left: 0;
    width: 50%;
    height: 100%;
    min-height: 550px;
   position: relative;
}
.sectionbg25 {
    content: '';
    background: url("../bridge/assets/activetimes.jpg") no-repeat center 0;
    background-size:cover;
    left: 0;
    width: 50%;
    height: 100%;
    min-height: 550px;
   position: relative;
}
.sectionbg26 {
    content: '';
    background: url("../bridge/assets/Mumbai-Lakshwadeep.jpg") no-repeat center 0;
    background-size:cover;
    left: 0;
    width: 50%;
    height: 100%;
    min-height: 550px;
   position: relative;
}
.sectionbg27 {
    content: '';
    background: url("../bridge/assets/Loksatta-1.jpg") no-repeat center 0;
    background-size:cover;
    left: 0;
    width: 50%;
    height: 100%;
    min-height: 550px;
   position: relative;
}
.sectionbg28 {
    content: '';
    background: url("../bridge/assets/Jansatta.jpg") no-repeat center 0;
    background-size:cover;
    left: 0;
    width: 50%;
    height: 100%;
    min-height: 550px;
   position: relative;
}
.sectionbg29 {
    content: '';
    background: url("../bridge/assets/Navshakti-1.jpg") no-repeat center 0;
    background-size:cover;
    left: 0;
    width: 50%;
    height: 100%;
    min-height: 550px;
   position: relative;
}
.sectionbg30 {
    content: '';
    background: url("../bridge/assets/Free-Press-Journal.jpg") no-repeat center 0;
    background-size:cover;
    left: 0;
    width: 50%;
    height: 100%;
    min-height: 550px;
   position: relative;
}
.sectionbg31 {
    content: '';
    background: url("../bridge/assets/Indian-Express-1.jpg") no-repeat center 0;
    background-size:cover;
    left: 0;
    width: 50%;
    height: 100%;
    min-height: 550px;
   position: relative;
}
.sectionbg32 {
    content: '';
    background: url("../bridge/assets/Navbharat-Times.jpg") no-repeat center 0;
    background-size:cover;
    left: 0;
    width: 50%;
    height: 100%;
    min-height: 550px;
   position: relative;
}
.sectionbg24 p,.sectionbg25 P,.sectionbg26 P,.sectionbg27 P,.sectionbg28 P,.sectionbg29 P,.sectionbg30 P,.sectionbg31 P,.sectionbg32 P{font-size: 12px;
text-align: center;}

.qode-banner-text-holderhome {
    padding-right: 20px;
    padding-top: 25px;
    padding-bottom: 15px;
    padding-left: 20px;
    float:left;
    position: relative;
    margin-right: 10%;
}
.qode-banner-text-holderhome h3{padding-bottom: 20px;}
.qode-banner-text-holder2 {
    padding-right: 20px;
    padding-top: 25px;
    padding-bottom: 15px;
    padding-left: 20px;
    float:left;
    position: relative;
    margin-right: 10%;
    width:100%;
}
.qode-banner-text-holder2 h3{padding-bottom: 20px;}
/*--------------------*/
.qode-banner-text-holder {
    padding-top: 25px;
    padding-bottom: 15px;
    padding-right: 20px;
    float:left;
    position: relative;
    margin-left: 20%;
}
.sub-head {
    margin: 0px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    font-size: 25px;
    line-height: 30px;
    color: #0065A4;
    font-weight: 500;
    text-transform: capitalize;
    position: relative;
    text-align: center;
    float: left;
    width: 100%;
}
.sub-head::before {
    position: absolute;
    content: "";
    background: #53717e;
    width: 100px;
    height: 1px;
    bottom: 0px;
    left: 0;
    margin: 0px 0px 0px -40px;
    right: 0;
    margin: 0 auto;
}
ul.inside-list01 {
    margin: 0 0 20px;
    padding: 0;
    clear: both;
    float:left;
}
ul.inside-list01 li {
    margin: 0;
    padding: 7px 0 10px 45px;
    font-size: 17px;
    color: #333;
    font-weight: 400;
    border-bottom: 1px solid #dddddd;
    background: url(images/bullets01.png) no-repeat left 9px;
    width: 90%;
    list-style: none;
	float:left;
}
.qbutton.white{
  z-index: 10;
    background-color: rgba(0, 0, 0, 0);
    border: 1px;
    text-align: center!important;
    font-family: Roboto;
    padding: 10px;
    /* height: 2rem;
    line-height: 2rem; */
    width: auto;
    color: #333;
    text-decoration: none;
    white-space: nowrap;
    line-height: 40px;
    letter-spacing: 0px;
    font-weight: 500;
    font-size: 17px;
    text-transform: capitalize;
    border-color: #333;
    border-style: solid;
    padding-left: 25px;
    padding-right: 25px;
    transform-origin: 50% 50%;
    opacity: 1;
    transform: translate(0px, 0px);
    visibility: visible;
    border-radius: 0px;
}
.qbutton.white:hover{color: #fff!important; border: 1px solid rgba(244, 67, 54, 1) !important;;}
.qbutton-blue{
  z-index: 10;
    background-color: #4CAD20 !important;
    text-align: center!important;
    font-family: Roboto;
    padding: 10px;
    height: 2rem;
    width: auto;
    color: #fff!important;
    text-decoration: none;
    white-space: nowrap;
    line-height: 40px;
    letter-spacing: 0px;
    font-weight: 500;
    font-size: 17px;
    padding-left: 25px;
    padding-right: 25px;
    transform-origin: 50% 50%;
    opacity: 1;
    transform: translate(0px, 0px);
    visibility: visible;
    border-radius: 0px;
    text-transform: capitalize;
}
.qbutton-blue:hover{background-color: #D83125!important;color: #fff!important;}
@media only screen and (max-width: 991px){
.sectionbg {
  margin-bottom: 15px;
    display: block!important;
    float: left;
    position: relative;
    min-height: 500px;
    background-position: bottom;
    background-size: cover;
}
.sectionbg,.sectionbg1,.sectionbg2,.sectionbg3,.sectionbg4,.sectionbg5,.sectionbg6,
.sectionbg7, .sectionbg8, .sectionbg9, .sectionbg10, .sectionbg11, .sectionbg12, .sectionbg13,.sectionbg14,.sectionbg15,.sectionbg16,.sectionbg17,.sectionbg18,.sectionbg19,.sectionbg20,.sectionbg21,.sectionbg22,.sectionbg23,.sectionbg24,.sectionbg25,.sectionbg26,.sectionbg27,.sectionbg28,.sectionbg29,.sectionbg30,.sectionbg31,.sectionbg32
{    background-size:cover;
  min-height: 360px;
}
.headingbanner h1 {
    line-height: 30px;
}
.vc_column_container>.vc_column-inner {
    box-sizing: border-box;
    padding: 5px;
    width: 100%;
}
.wpb_wrapper h1, .wpb_wrapper h2, .wpb_wrapper h3{text-align: left; line-height: 1.2em;}
.qode-banner-text-holder {
    padding-left: 5px!important;
    padding-top: 25px;
    padding-bottom: 15px;
    padding-right: 20px;
}
.testimotionals  {
    width: 90% !important;}
.testimotionals .card{width: 90%;margin: auto; text-align: center!important;
margin:auto;}
.testimotionals .card p{text-align: center!important;}
}
.footer_top {
  background-color: #002944;
}
.title .title_holder {
    display: table;
    height: 100px!important;
    left: 0;
    position: relative;
    width: 100%;
    /*background: url('../bridge/assets/breadcrumb-banner.jpg') no-repeat center;
	 background: url('https://changeofname.in/wp-content/uploads/2022/01/insidebanner-1.jpg') no-repeat center;
	background-size:cover;*/
	background-color: #D4D4D4;

}
.title .title_holder .container {
    display: table-cell;
    vertical-align: bottom!important;
    background-color: transparent;
}
.title.title_size_medium h1{margin-top:-60px;}
.title h1, .title.title_size_small h1 {
    font-size: 22px;
    line-height: 2rem;
}
.title h1 {
    color: #333;
    padding: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
	text-align:left;
}
.breadcrumb {
    font-size: 14px;
    line-height: 20px;
    color: #333;
    text-decoration: none;
    font-weight: 300;


}
.separator.small {
    background-color: #666;
    height: 2px;
    position: relative;
    width: 22px;
    display: block;
    margin: 10px auto 20px;
}
.breadcrumbs{ margin-top:20px!important; }
.breadcrumb a{color: #333;}
.breadcrumb .current, .breadcrumb a { color: #333;}
.breadcrumbs, .breadcrumb .current, .breadcrumb a {
  color: #333; text-align: center;
}
.title_subtitle_holder{text-align: center;}
.headingbanner{
  width: 100%;
  text-align: center;
}
.breadcrumbs .breadcrumbs_inner {
    vertical-align: bottom!important;
}
.headingbanner h1{line-height: 60px;}
header.fixed, header.fixed_hiding, header.fixed_top_header .top_header {
    position: fixed!important;
  }
@media only screen and (max-width: 1000px){
	.title h1 {
    color: #333;
    padding: 0;
    text-transform: uppercase;
    letter-spacing: 0px;
    font-weight: 600;
	text-align:center;
		font-size:1rem!important;
}
.breadcrumb {
   text-align:center;
		font-size:1rem!important;
    line-height: 20px;
    color: #333;
    text-decoration: none;
    font-weight: 300;


}
header.fixed {
     top: 0!important;
    margin-top: 0!important;
    display: block;
    position:fixed!important;
    z-index: 99999999999;
}}
::selection {
    background: #0061A0!important;
    color: #fff;
}
a:hover{color: #0061A0!important;}
.icon2 .circle {
  width: 40px;
  height: 40px;
  background: #0061A0;
  border-radius: 50%;
  text-align: center;
  line-height: 40px;
}
.icon2 p{display: inline; }
.icon2 p a:hover{ text-decoration: underline;}
.icon2 span{display: inline; font-size: 16px; padding-left: 20px;}
.formtext h4{line-height: 28px; padding-bottom: 10px;}
.howto h2{padding-bottom: 10px;}
.howto,.howto p{text-align: center;}
.column {
	margin: 15px 0px 80px 0;
	padding: 0;
}
.column:last-child {
	/* padding-bottom: 60px; */
}
.column::after {
	content: '';
	clear: both;
	display: block;
}
.column div {
	position: relative;
	float: left;
	width: 100%;
	height: 200px;
	padding: 0;
}
.column div:first-child {
	margin-left: 0;
}
.column div span {
	/* position: absolute; */
	bottom: -20px;
	left: 0;
	z-index: -1;
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	color: #444;
	font-size: 18px;
	text-decoration: none;
	text-align: center;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	opacity: 0;
}
figure {
	width: 100%;
	height: 200px;
	margin: 0;
	padding: 0;
	background: #fff;
	overflow: hidden;
  display: flex;
}
figure:hover+span {
	bottom: -86px;
	opacity: 1;
  }
/* Zoom In #1 */
.wp-image-216{width: 100%; height: 100%; background-size: cover;}
.wp-image-345{width: 200px; height: auto;  margin: auto; min-height: 50px;}
.hover01 figure div {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
  height:auto;
}
.hover01 figure:hover div {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}
.hover01 p{text-align: center;}
.hover06 figure img {
  -webkit-transform: rotate(0) scale(1);
  transform: rotate(0) scale(1);
}
.hover06 figure:hover img {
  -webkit-transform: rotate(15deg) scale(1.4);
  transform: rotate(15deg) scale(1.4);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;


}

.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 14px;
  transition: 0.4s;
  line-height: 20px;
  padding-right: 30px;
}
.accordion.active, .accordion:hover {
  background-color: #ccc;
}.panel p{font-size: 14px;}
.panel {
  padding: 0 20px;
  display: none;
  background-color: white;
  overflow: hidden;
  font-size: 14px;
  line-height: 22px;
}
.accordion:after {
  content: '\002B'; /* Unicode character for "plus" sign (+) */
  font-size: 20px;
  color: #777;
  float: right;
  margin-left: 5px;
}

.accordion.active:after {
  content: "\002D"; /* Unicode character for "minus" sign (-) */
}
ul.inside-list02 {
    margin: 0 0 20px;
    padding: 0;
    clear: both;
}
ul.inside-list02 li {
    margin: 0;
    padding: 5px 0 5px 30px;
    font-size: 16px;
    line-height: 26px;
    color: #333;
    font-weight: 300;
    border-bottom: 1px solid #cccccc;
    background: url(images/bullets02.png) no-repeat left 9px;
    width: 90%;
    list-style: none;
}
.space{
  width: 100%;
  /* height: 30px; */
  height: 4px!important;
  float: left;
  position: relative;
}
.category1 h4{font-size: 14px; text-align: center;
  color: #333; line-height: 20px; height: 45px;
  background-color: #eee;padding-top: 5px;
}
.category1 figure{
  -webkit-box-shadow: 0 10px 6px -6px #777;
     -moz-box-shadow: 0 10px 6px -6px #777;
          box-shadow: 0 10px 6px -6px #777;
}
/*------------------grid col---------------------->
/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }
/*  GRID OF FOUR  */
.col12 {
	width: 100%;
}
.col8 {
	width: 74.6%;
}
.col6 {
	width: 49.2%;
}
.col4 {
	width: 23.8%;
}
.centercol{
  margin: auto;
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 1000px){
  .icon2 p {
    display: inline;
    font-size: 25px !important;}
    .icon2 i{display: none;}

  .title .title_holder h1{
  	  margin-top:20px!important;
  }
	.col {  margin: 1% 0 1% 0%; }
	.col12, .col8, .col6, .col4 { width: 100%; }
  .category1 figure img{background-size: cover; width: 100%; height: 100%;}
  .qode-banner-text-holder {
    padding-top: 25px;
    padding-bottom: 15px;
    float: left;
    position: relative;
    width: 100%!important;
    margin:0px !important;
}
.container_inner {
    margin-top: 80!important !important;
}
.qode-banner-text-holder2 {
    float:left;
    position: relative;
    padding: 10px;
      width:100%;
}
.qode-banner-text-holderhome {
    padding-right: 20px;
    padding-top: 25px;
    padding-bottom: 15px;
    padding-left: 10px;
    float:left;
    position: relative;
    margin-right:0% !important;
}
h1{font-size: 22px!important;}
h2{font-size: 20px!important;}
.slider h2{font-size: 16px!important; font-weight: bold;}
.slider h2 span { font-size: 20px!important;}
h3{font-size: 16px!important;}
h4{font-size: 15px!important;}
p{font-size: 14px!important;}
ul li{font-size: 14px!important;}
.content, .content.content_top_margin{margin-top: 0px!important;}
.header.fixed, .header_inner, .header_top_bottom_holder,.header_bottom{height: 80px!important;}
header .q_logo img.mobile{height: 30px!important;}
.testimotionals {
    width: 95%!important;
    display: inline-block;
    margin-left: 0px!important;
    margin-top: 50px;
}
}

ul.inside-list03 {
    margin: 0 0 20px;
    padding: 0;
    clear: both;
    width:100%;
}
ul.inside-list03 li {
    margin: 0;
    padding: 6px 0 6px 45px;
    font-size: 13px;
    color: #333;
    font-weight: 300;
    width: 90%;
    list-style: none;
}
.footercall{
  padding: 30px 0px 30px 0px ;
  font-family: Roboto Slab,Times New Roman,serif;
}
.qbutton-shake{
    background-color: rgba(244, 67, 54, 1) !important;
      color: #fff;
        text-decoration: none;
  border: 0;
  font-size: 20px;
  padding: 10px 20px;
  position: relative;
  animation-name: shake;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in;
  cursor: pointer;
}
.qbutton-shake:hover {
  animation-name: shakeAnim;
}
@keyframes shakeAnim {
  0% {left: 0}
  1% {left: -3px}
  2% {left: 5px}
  3% {left: -8px}
  4% {left: 8px}
  5% {left: -5px}
  6% {left: 3px}
  7% {left: 0}
}
@keyframes shake {
  0% {left: 0}
  1% {left: -3px}
  2% {left: 5px}
  3% {left: -8px}
  4% {left: 8px}
  5% {left: -5px}
  6% {left: 3px}
  7% {left: 0}
}
.wpb-pcf-form-fire{
  margin: auto;
  float: none;
  background-color: #4CAD20!important;
  display:block;
  font-weight: 300;
  cursor: pointer;
}
.wpb-pcf-form-fire:hover{   background-color: #247300!important;}
.contform4 input[type=submit]{width: 120px; text-align: center!important;}

.box1 {
    float: left;

    padding: 13px 20px 13px 0;
}
.box1, .box2, .box3, .box4 {
     width: 100%;
    box-sizing: border-box;
    text-align: center;
}
.blue-icon {
    margin:auto;
    width: 100%;
    float: left;
    position: relative;
    background-image: url(../bridge/assets/icon1.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 93px;
}
.blue-icon2 {
    margin:auto;
    width: 100%;
    float: left;
    position: relative;
    background-image: url(../bridge/assets/icon2.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 93px;
}
.blue-icon3 {
    margin:auto;
    width: 100%;
    float: left;
    position: relative;
    background-image: url(../bridge/assets/icon3.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 93px;
}
.blue-icon4 {
    margin:auto;
    width: 100%;
    float: left;
    position: relative;
    background-image: url(../bridge/assets/icon4.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 93px;
}
.blue-text {
    width: 100%;
    font-weight: 700;
    font-size: 1.3rem;
    color: #0061A0;
    text-transform:capitalize;
     line-height: 1.5rem;
}
sup {
    vertical-align: super;
    font-size: smaller;
}
.small-text {
    font-size: 1rem;
    line-height: 1rem;
    font-weight: 500;
    color: #000;
    text-transform: uppercase;
      font-family: Roboto,sans-serif;
}
.box2 {
    float: left;
    background: #8F92BC;
    padding: 13px 20px;
}
.box3 {
    float: left;
    background: #AFB1CD;
    padding: 13px 20px;
}
.box4 {
    float: left;
    background: #CDCEE7;
    padding: 13px 20px;
}
/*-------------------header top---------------------*/
.header-top-left {
  float: left;
  padding-top: 2px;
  margin-left: 40px;
}

.header-top-left>ul {
  padding: 0px 0;
}

.header-top-left li::before, .header-top-right li::before {
  background: #fff none repeat scroll 0 0;
  content: "";
  height: 13px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1px;
}

.header-top-left li:last-child::before, .header-top-right li:last-child::before {
  display: none;
}

.list-mb a {
  color: #fff !important;
}

.header-top-left li .fa {
  color: #fff !important;
	padding-left:10px;
}
.header-top-left li { color: #ffffff !important;}
.header-top-left li, .header-top-right li {
  color: #fff;
  display: inline-block;
  /* font-size: 14px; */
  margin-right: 10px;
  padding-right: 15px;
  position: relative;
  float: left;
  font-weight: 400;

}
.header-top-right li img{width:25px;}
.header-top-left li a {
  color: #fff!important;
}

.header-top-right {
  float: left;
  /* margin-left: 120px; */
  margin-left: 40px;
}

.header-top-right>ul {
  padding: 0px 0;
}
.header-top-right #whatsapp_img, #whatsapp_img2 {
  width: 25px!important;
  line-height: 35px;
  margin-top: 5px;
}
.header-top-right #callback_img, #callback_img2 {
  width: 35px!important;
}

@media (min-width: 1281px) {
  .desktop {
    display: block;
  }

  .mobile {
    display: none;
  }
}

/*
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/
@media (min-width: 1025px) and (max-width: 1280px) {
  .desktop {
    display: block;
  }

  .mobile {
    display: none;
  }

}

/*
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) {
  .desktop {
    display: block;
  }

  .mobile {
    display: none;
  }
	.top-menu1 {
    width: 100%;
    float: left;
    margin: 0;
}
  }
@media only screen and (max-width: 600px) {
	.center3 h1{font-size:1.6rem!important; line-height:1.6rem;}
	.video {width:300px!important; margin:5%; float:none;}
	.desktop {
    display: none;
  }
	.gazettesample img{margin:auto; float:none; display:block; }

  .mobile {
    display: block;
  }
	.top-menu1 {
    width: 100%;
    float: left;
    margin: 0;
}
	.primary-text {
    color: #0061A0;
    font-size: 18px!important;
    line-height: 22px;
    font-weight: 600;
}
.offerhome-price {
    color: #609AD6;
    font-size: 35px!important;
    color: #0155AD;
    font-weight: 400;
    margin: 20px 0;
    line-height: 40px;
}
	.fiftypercent{
		width:45%;
		float:left;
		position:relative;
		margin-right:4%;
	}
	p {

    margin: 10px!important;

}
	nav.mobile_menu ul li a, nav.mobile_menu ul li h3 {
    font-size: 1.2rem;
    font-weight: 400;
    color: #fff!important;
    padding: 10px 0;
    display: block;
    position: relative;
    text-transform: none;
    line-height: 1.4rem;
    letter-spacing: 0;
}
	.mobile_menu_button span .qode_icon_font_awesome {
    font-size: 1.5rem!important; color: #fff!important;
}
	.header_top, .fixed_top_header .top_header, .fixed_top_header nav.mobile_menu {
    background-color: #333 !important;
    background-image: url();
    height: 45px;
    position: fixed;
    width: 100%;
  }

  .header-top-right #whatsapp_img, #whatsapp_img2 {
    width: 30px !important;
    float: right;
    margin-top: 10px;
  }

  .mobile_menu_button .fa, .side_menu_button .fa {
    font-size: 30px;
  }
.header_bottom, nav.mobile_menu {
    background-color: #222222 !important;
    /* opacity: 0.6; */
    position: fixed;
    top: 0px !important;
    width: 100%;
  }
  .header-top-right #callback_img, #callback_img2 {
    width: 43px !important;
    margin-right: 100px;
    margin-top: 0px;
    float: left;
    margin-left: -50px;
  }

  .header_top .left {
    display: none;
  }

  .has_header_fixed_right.stick.menu_bottom .header_inner_right, .header_bottom_right_widget_holder {
    display: block !important;
  }

  }
header.fixed.scrolled .header_top{background-color:#002944 !important;}
.inner-channel-box-div{padding:15px!important;}
.calltoaction_bannerrow {
    width: 76%;
    float: left;
    position: relative;
    background-color: #002944;
    font-family: Roboto, sans-serif;
    padding: 2% 12% 2% 12%;
}
.calltoaction_bannerrow h1 {
    font-size: 23px;
    line-height: 1.25em;
}
.calltoaction_bannerrow h1 a {
	color:#fff;
    font-size: 30px;
    line-height: 1.25em;
}
/*------20jan2022------------*/
.boxcol {
    width: 90%;
    margin-right: 10%;
}
.outer_cls {
  width: 100%;
  border: 5px solid #ececec;
  height: 75px;
  background: #fff;
  transition: all 0.2s ease-in;
  margin-bottom: 10px;
}
.outer_cls a:hover {
  opacity: 0.5;
  cursor: pointer;
}
.news_logo {
  width: 100%;
  float: left;
  text-align: center;
  height: 75px;
  line-height: 75px;
}
img.news_logo  {
  vertical-align: middle;
  width: 90%!important;
}
.outer_cls2 a {
   padding: 10px 0 10px 25px;
    font-size: 17px;
    color: #333;
    font-weight: 400;
    background: url(https://changeofname.in/wp-content/uploads/2022/03/bullets01.png) no-repeat left 9px;
    width: 90%;
    list-style: none;
}
.outer_cls2 a:hover {
  opacity: 0.5;
  cursor: pointer;
}
img {
  max-width: 100%;
  height: auto;
}
@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
  .outer_cls {
    width: 60%;
    border: 5px solid #ececec;
    height: 80px;
    background: #fff;
    transition: all 0.2s ease-in;
    margin: auto;
    margin-top: 10px;
  }

  .news_logo img {
    vertical-align: middle;
    width: auto;
  }

  .box1, .box2, .box3, .box4 {
    width: 100%;
    box-sizing: border-box;
    padding: 2% 20% 2% 20%;
  }
}

@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px){
.slider {
    text-align: center!important;
    margin-top: 30px!important;
}}
.smallimg img{width:100%; height:100%;}
.smallimg2 img{width:40%; height:50%; float:right; display:flex;}
.bannersmall2{
	line-height: 30px;
    font-size: 22px;
    color: #333;
    font-family: Roboto, Verdana, sans-serif;
    font-weight: bold;align-content
	background-color:#fffbce;
	padding:20px;
}

@media only screen and (max-width: 1024px){
.mystickyelements-mobile-size-small.mystickyelements-position-mobile-bottom span.mystickyelements-social-icon, .mystickyelements-mobile-size-small.mystickyelements-position-mobile-bottom span.mystickyelements-social-icon a, .mystickyelements-mobile-size-small.mystickyelements-position-mobile-top span.mystickyelements-social-icon, .mystickyelements-mobile-size-small.mystickyelements-position-mobile-top span.mystickyelements-social-icon a {
    height: 48px!important;
    line-height: 38px!important;
    font-size: 26px!important;
    width: 100%;
	}}
  @-webkit-keyframes animate-preloader {
        0% {
          -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
        }

        100% {
          -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
        }
      }

      @keyframes animate-preloader {
        0% {
          -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
        }

        100% {
          -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
        }
      }
      .whatsapp {
          position: fixed;
          left: 10px;
          bottom: 80px;
          background: #fff;
          z-index: 9;
          border-radius: 50%;
          /* width: 30px; */
          /* height: 30px; */
          display: flex;
          align-items: center;
          justify-content: center;
          transform: translateX(100px);
          animation: whatsapp 1s ease 2s forwards;
      }
      .pinkBg {
          background-color: #2cb641!important;
          background-image: linear-gradient(90deg, #2cb641, #2cb641);
      }
      .intro-banner-vdo-play-btn {
              height: 50px;
          width: 50px;
          position: fixed!important;
          top: 87%!important;
          left: 10px!important;
          text-align: center;
          /* margin: -30px 0 0 -30px; */
          border-radius: 100px;
          z-index: 999999999;
      }
      .intro-banner-vdo-play-btn i {
          line-height: 50px;
          font-size: 30px;
          color: #fff;
      }
      .intro-banner-vdo-play-btn .ripple{
          position:absolute;
          width:160px;
          height:160px;
          z-index:-1;
          left:50%;
          top:50%;
          opacity:0;
          margin:-80px 0 0 -80px;
          border-radius:100px;
          -webkit-animation:ripple 1.8s infinite;
          animation:ripple 1.8s infinite
      }
      @-webkit-keyframes ripple{
          0%{
              opacity:1;
              -webkit-transform:scale(0);
              transform:scale(0)
          }
          100%{
              opacity:0;
              -webkit-transform:scale(1);
              transform:scale(1)
          }
      }
      @keyframes ripple{
          0%{
              opacity:1;
              -webkit-transform:scale(0);
              transform:scale(0)
          }
          100%{
              opacity:0;
              -webkit-transform:scale(1);
              transform:scale(1)
          }
      }
      .intro-banner-vdo-play-btn .ripple:nth-child(2){
          animation-delay:.3s;
          -webkit-animation-delay:.3s
      }
      .intro-banner-vdo-play-btn .ripple:nth-child(3){
          animation-delay:.6s;
          -webkit-animation-delay:.6s
      }
      .dropdown-item {
        font-size: 14px !important;
        padding: 5px 10px !important;
      }

.row3{
	z-index:100000000;
float:left;
position:fixed;
bottom:10px;
	left:10px;
	font-size:5rem;

}
.row3 a{color:#4CAD20;}
	.row3 a:hover{color:#fff;}
.contactbanner{
	background-color:#0770B2;
	text-align:center;
	color:#fff;
	padding:30px;
}
.contactbanner h2{font-size:1.5rem;
	color:#fff;}
.banner-new{width:100%;max-width:1024px;margin:0 auto;position:relative; min-height:250px;}
.banner-text{width:100%;float:left;position:relative;left:0;}
.banner-text p{line-height:21px;}
.main-whyus{width:100%;float:left;background-color:#f8f8f8;box-shadow:5px 0 5px 0 #ececec inset; margin-left:-15px;}
.whyus-col-1{width:96%;float:left;color:#595959;font-size:16px;line-height:24px;margin:0 10% 0 0;padding:0 2%;}
.whyus-col-2{width:96%;float:left;color:#595959;font-size:16px;line-height:24px;padding:0 2%;}
.header-whyus{width:100%;max-width:1024px;margin:auto;padding:40px 0;}
.whyus-line{width:100%;float:left;font-size:22px;padding:5px 0;border-bottom:1px solid #e4e4e4;}
.whyus-col{width:100%;float:left;padding:0 0 20px 0;}
.whyus-col-1{width:100%;float:left;color:#595959;font-size:16px;line-height:24px;margin:0 10% 0 0;padding:15px 0;}
.whyus-col-1 p{background:url(https://changeofname.in/wp-content/uploads/2023/11/bg.png) no-repeat left;padding:3px 0 3px 28px;}
.whyus-col-1 p span{font-weight:bold;}
.whyus-col-2{width:45%;float:left;color:#595959;font-size:16px;line-height:24px;padding:15px 0;}
.whyus-col-2 p{background:url(https://changeofname.in/wp-content/uploads/2023/11/bg.png) no-repeat left;padding:3px 0 3px 28px;}
.whyus-col-1 p{background:url(https://changeofname.in/wp-content/uploads/2023/11/bg.png) no-repeat left;padding:3px 0 3px 28px;}
.header-whyus h2{color: #000000;
    font-size: 35px;
    font-weight: 900;
    line-height: 1.3em;}
.header-whyus h3{color: #000000;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 5px;}
.mainheader {    width: 100%;    background-color: #fff; }
.header{width:100%;max-width:1024px;margin:0 auto; min-height:100px;}
.main-logo{width:auto;float:left; margin-top:40px;}
.header-line{width:auto;float:left;margin:15px 2% 0;font-size:14px;}
.top-menu1{width:55%;float:left;margin:20px 0 0 1%;}
.top-menu{width:40%;float:left;margin:20px 0 0 1%;}
.menu-bar{width:100%;float:left;}
.nav{width:100%;float:left;display:block; margin:20px 0px }
.nav ul{list-style:none;float:right;padding:0;}
.nav a{left:0;color:#000;margin:0;padding:8px 9px;font-size:15px;background-color:#fff; font-weight:700;}
.nav li{position:relative;text-transform:uppercase;}
.nav > li{float:left;text-align:center;list-style:none;display:inline; margin-left:8px;}
.nav > li > .parent{}
.nav > li > a{display:block;margin:0;text-decoration:none; }
.nav > li > a:hover{left:0;color:#fff;margin:0;padding:8px 9px;font-size:15px;background-color:#111111; color:#fff!important;}
.nav > li:hover {left:0;color:#b42b34;}
.nav li ul{position:absolute;left:-9999px;text-align:left;padding:0;margin:0; z-index:99999;}
.nav > li:hover  > ul{left:0!important; display:block;color:#fff;}
.nav li li:hover  > ul{left:100%;top:0;}
.nav li ul ul{position:absolute;left:-9999px;text-align:left;padding:0;margin:0;}
.nav > li > li:hover > ul{medleft:0;}
.nav li li li.hover ul{left:100%;top:0;}
.nav li li a{display:block;position:relative;z-index:100;text-decoration:none;color:#fff;width:200px;border-bottom:1px solid #fff;background-color:#001D2F;font-size:13px; text-transform:capitalize;}
.nav li li a:hover{text-decoration:none;background-color:#0770B2!important;font-size:13px !important;}
.nav li ul li ul li a{display:block;position:relative;z-index:100;text-decoration:none;color:#fff;border-bottom:1px solid #9e8c4c;background-color:#0770B2;font-size:14px;}
.nav li ul ul lul li a{display:block;position:relative;z-index:100;text-decoration:none;color:#fff;border-bottom:1px solid #ad9e6c;background-color:#a28e47;font-size:14px;}
.nav li li a:hover{display:block;color:#fff !important;position:relative;z-index:100;text-decoration:none;background-color:#7a6620;font-size:13px !important;}
.nav-line ul ul ul {  display: none;}
.nav-line ul ul li:hover  a + ul {display:block;}
.bannerli{
    background: url(https://changeofname.in/wp-content/uploads/2023/11/bg.png) no-repeat left;
    padding: 3px 0 3px 28px;
	list-style:none;
	margin-left:25px;
}
.chatbutton{margin-top:20px; float:left; position:relative;}
.br{height:20px; float:left; position:relative;}
.main-footer {
    width: 100%;
    float: left;
    background-color: #ffe481;
}
.header-footer {
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
}
.footer {
    width: 100%;
    float: left;
    font-size: 13px;
    text-align: center;
    padding: 20px 0 10px;
    line-height: 20px;
}
.footer p {
    margin: 0 0 10px;
	color: #333333;
    font-size: 13px;
    font-weight: 300;
    padding: 0px;
    line-height: 22px;
	text-align:center!important;
}
/*----------mobile menu-----------*/
.mobile-menu .menunav__menu {width:100%;}
:root {
/*   --screen-width: 320px;
  --screen-height: 560px; */
  --header-bg-color: #000;
  --splash-bg-color: #000;
}
.menunav__toggle {
  display: inline-block;
  position: absolute;
  z-index: 10;
  padding: 0;
  border: 0;
  background: transparent;
  outline: 0;
  right: 15px;
  top: 15px;
  cursor: pointer;
  border-radius: 50%;
  transition: background-color 0.15s linear;
}
.menunav__toggle:hover, .menunav__toggle:focus {
/*   background-color: rgba(0, 0, 0, 0.5); */
}
#menu{margin-top:10px; position:absolute;}
.menunav__menu {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: var(--screen-height);
  /* height: auto!important; */
  z-index: 5;
  visibility: hidden;
}
.menunav__item {
  opacity: 0;
  transition: all 0.3s cubic-bezier(0, 0.995, 0.99, 1) 0.3s;
}
.menunav__item:nth-child(1) {
  transform: translateY(-40px);
}
.menunav__item:nth-child(2) {
  transform: translateY(-80px);
}
.menunav__item:nth-child(3) {
  transform: translateY(-120px);
}
.menunav__item:nth-child(4) {
  transform: translateY(-160px);
}
.menunav__item:nth-child(5) {
  transform: translateY(-200px);
}
.menunav__link {
  color: white;
  /* display: block; */
  text-align: center;
  text-transform: capitalize;
  font-size: 0.8rem !important;
	line-height:1rem!important;
  text-decoration: none;
 list-style:none;
}
.menunav__link:hover, .menunav__link:focus {
  outline: 0;
  background-color: rgba(0, 0, 0, 0.2);
}

.menuicon {
  display: block;
  cursor: pointer;
  color: white;
  transform: rotate(0deg);
  transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
	background-color:#000;
	margin-top:60px;
}
.menuicon__bar, .menuicon__circle {
  fill: none;
  stroke: currentColor;
  stroke-width: 3;
  stroke-linecap: round;
}
.menuicon__bar {
  transform: rotate(0deg);
  transform-origin: 50% 50%;
  transition: transform 0.25s ease-in-out;
}
.menuicon__circle {
  transition: stroke-dashoffset 0.3s linear 0.1s;
  stroke-dashoffset: 144.513262038;
  stroke-dasharray: 144.513262038;
}

.splash {
  position: absolute;
  top: 40px;
  right: 40px;
  width: 1px;
  height: 1px;

}
.splash::after {
  content: "";
  display: block;
  position: absolute;
  border-radius: 50%;
  background-color: var(--splash-bg-color);
  width: 284vmax;
  height: 284vmax;
  top: -142vmax;
  left: -142vmax;
  transform: scale(0);
  transform-origin: 50% 50%;
  transition: transform 0.5s cubic-bezier(0.755, 0.05, 0.855, 0.06);
  will-change: transform;
}

.menunav:target > .splash::after,
.menunav--open > .splash::after {
  transform: scale(1);
}
.menunav:target .menuicon,
.menunav--open .menuicon {
  color: white;
  transform: rotate(180deg);
}
.menunav:target .menuicon__circle,
.menunav--open .menuicon__circle {
  stroke-dashoffset: 0;
}
.menunav:target .menuicon__bar:nth-child(1), .menunav:target .menuicon__bar:nth-child(4),
.menunav--open .menuicon__bar:nth-child(1),
.menunav--open .menuicon__bar:nth-child(4) {
  opacity: 0;
}
.menunav:target .menuicon__bar:nth-child(2),
.menunav--open .menuicon__bar:nth-child(2) {
  transform: rotate(45deg);
}
.menunav:target .menuicon__bar:nth-child(3),
.menunav--open .menuicon__bar:nth-child(3) {
  transform: rotate(-45deg);
}
.menunav:target .menunav__menu,
.menunav--open .menunav__menu {
  visibility: visible;
}
.menunav:target .menunav__item,
.menunav--open .menunav__item {
  opacity: 1;
  transform: translateY(0);
}
.menunav__link .menunav__item {float:left!important;}

.d-flex {
    display: flex!important;
}
.align-items-center {
    align-items: center!important;
}
.eloaai {
    color: rgb(66, 82, 110);
    font-size: 16px;
    /* font-family: Manrope, sans-serif; */
    font-weight: 600;
    line-height: 1.5em;
    margin-bottom: 8px;
    display: inline-block;
	text-align: left;
}
@media only screen and (max-width: 783px)  {
	.q_circles_holder.four_columns .q_circle_outer {    width: 30%!important;}
	.service{
	margin:auto;
	width:100%!important;
}
	.q_circles_holder.four_columns .q_circle_inner {
    width: 100px!important;
    height: 100px!important;
}
	.testimonial{padding:0px;}
}

@media (min-width: 768px){
	.testimonial{padding:30px;}
.d-md-flex {
    display: flex!important;
}
.mr-md-3, .mx-md-3 {
    margin-right: 1rem!important;
}
}
.bannericon i {
    position: relative;
    top: 5px;
    margin-right: 20px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 40px;
	color: #A6A6A6;
}
.paddingbottom	{padding:20px;}
 .q_circles_holder.four_columns .q_circle_outer {
    width: 20%;
}
.q_circles_holder .q_circle_text_holder .q_circle_text {
    display: block;
    margin: 7px 0 0;
	line-height: 1.5rem!important;
    text-align: center!important;
    font-size: 1rem!important;
    color: #333;
    margin-bottom: 10px!important;
}
.q_circle_inner2 {box-shadow: -2px 3px 13px 0px rgba(0, 0, 0, 0.18)!important;}
.q_circles_holder.four_columns .q_circle_inner {
    width: 140px;
    height: 140px;
}

.service{
	margin:auto;
	width:50%!important;
}
.bghome{background-color:#FFEBAE;}
.q_circles_holder .q_circle_inner2 img {
    display: block;
    width: 64px!important;
    height: 64px!important;
	margin: auto!important;}
.q_circles_holder .q_circle_inner2:hover {
  background-color: #fff !important;
  border-color: #fff !important;
}
.q_circle_title{min-height:50px;}




.home-bg-ds-vps{
    background: #E9F8FF;
    padding: 25px;
    margin: 0 10px;
    position: relative;
}
.vc_column_container>.vc_column-inner {
    box-sizing: border-box;
    padding-left: 0px!important;
    padding-right:0px!important;
    width: 100%;
}
.home-bg-ds-vpsinside{
    background:#DCECF6;
    padding: 25px;
    margin: 0 10px;
    position: relative;
}
.home-bg-ds-vpsinside-public{
    background:#B6D7E4;
    padding: 30px 50px 30px 50px;
	 min-height:650px;
	-webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.banner-overlay {
    background-color: rgba(255,255,255,0.85);
}
.banner-desc{
    position: relative;
    z-index: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 70%;
    height: 100vh;
    padding-right: 120px;
	padding-left:100px;
}
.home-bg-banner-left{
/*     background:#B6D7E4;	 */
    padding: 30px 50px 30px 50px;
	 min-height:650px;
	-webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.title-def h2{
    font-size: 3rem!important;
    color: #0077A5!important;
    font-weight: 300;
    position: relative;
    width: 100%;
    margin: 10px 0;
}
.title h1{
    color: #003c8c;
    font-size: 4rem;
    font-weight: 700;
    margin: 25px 0;
    margin-top: 10px;
    line-height: 4rem;
    max-width: 100%;
	text-transform:capitalize;
}
.textdescription {
   	width:100%;
	float:left;
	position:relative;
	min-height:100px;
	margin-top:130px;
}
.textdescription p{
    color: #003c8c;
    width: 100%;
	line-height:30px;
}
.logo {
    position: relative;
	float:left;
	 width: 100%;
	padding-left:100px;
	margin-bottom:60px;
	margin-top:40px;
   }
.logo a {
    max-width: 330px;
    width: 100%;
    min-width: 330px;
}
.btn{
 	color: #003C8C;
    border: 0.5px solid #003C8C;
    font-size: 1.4rem;
    font-weight: 300;
    padding: 15px 25px;
    position: relative;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
    transition: 0.5s all;
    text-transform: uppercase;
    margin-right: 40px;
}
.btn-wrp {
    margin-top: 40px; float:left;
}
.home-bg-inside-publicnotice{
/*     background-color: #0061A0; */
	background-image: url('https://changeofname.in/wp-content/uploads/2023/11/about-left-img.jpg');
   	 min-height:650px;
	width:100%;
	padding: 30px 50px 30px 50px;
    float: left;
    background-size: cover;
	background-position:no-repeat center top;
}

@media (max-width: 480px){
.home-bg-inside-publicnotice {
    background-size: auto 100%!important;
    height: 320px!important;
	min-height: 320px!important;
    background-position: center top;
	padding:0px!important;
}}
@media (max-width: 640px){
.home-bg-inside-publicnotice {
    background-size: auto 100%;
    height: 441px;
    background-position: center top;
}

}
.home-bg-first-fds-vps{
    background-color: #0061A0;
	background-image: url('https://changeofname.in/wp-content/uploads/2023/11/home-banner-bg.webp');
    height: 100%;
    width: 100%;
    background-position:-30px bottom;
    background-repeat: no-repeat;
    padding: 25px;
}
.home-bg-inside{
/*     background-color: #0061A0; */
	background-image: url('https://changeofname.in/wp-content/uploads/2023/11/name-change-ad.webp');
    height: 100%;
    width: 100%;
    background-position:right 8% bottom;
    background-repeat: no-repeat;
    padding: 25px;
}
.home-bg-inside-passport{
/*     background-color: #0061A0; */
	background-image: url('https://changeofname.in/wp-content/uploads/2023/12/name-change-ad-in-newspaper-for-passport.webp');
    height: 100%;
    width: 100%;
    background-position:right 8% bottom;
    background-repeat: no-repeat;
    padding: 25px;
}
.home-bg-inside-karnatka{
/*     background-color: #0061A0; */
	background-image: url('https://changeofname.in/wp-content/uploads/2024/02/karnatka-girl.jpg');
    height: 100%;
    width: 100%;
    background-position:right 8% bottom;
    background-repeat: no-repeat;
    padding: 25px;
}

.home-height-boxds {
    padding: 60px 25px;
    min-height: 550px;
}
.large-7{width:60%; float:right;}
.large-7inside{width:60%; float:left; color: #373F45!important;}
.smalltextinside {
    font-size: 12px;
    line-height: 20px;
    color: #373F45;
    margin: 20px 0px 20px 0px;
}
.home-heading-box-ds-vps {
	color: #373F45;
	font-size: 38px;
	line-height: 45px;
}
.white{color:#fff !important;}
.home-heading-ds-vpstitle {
	font-size: 40px;
	font-weight: 800;
	color: #373F45;
	line-height: 50px;
    margin: 10px 0 10px;
}
.home-heading-ds-vpstitleh2 {
	display: inline-block;
    color: #0061A0;
    font-size: 30px;
    font-weight: 600;
    position: relative;
    line-height: 40px;
    clear: both;
}
.home-heading-ds-vpstitle3 {
	font-size: 2em;
	font-weight: 600;
	color: #373F45;
	line-height: 50px;
    margin: 100px 0 10px;
}
.home-btnbanner-ds-vps > a {
	background-color: #4cad20;
	color: #fff;
	font-size: 18px;
	padding: 10px 20px;
	min-width: 170px;
	display: inline-block;
	text-align: center;
	font-weight: 600;
    transition: ease-in-out .5s;
}
.home-btnbanner-ds-vps > a:hover {color: #fff!important; background-color: #267B00;}

.home-btnbanner-ds-vps  {
margin: 20px 20px 0 0; float:left;
}

.offerhome-price.home-first-price-ds .main-pricebox {
	color: #373F45;
font-size: 58px;
    line-height: 60px;
	}
.offerhome-price {	color: #609AD6;
    font-size: 55px;
    color: #0155AD;
    font-weight: 400;
    margin: 20px 0;
    line-height: 50px;}
.offerhome-price::after{    background-color: #609AD6;border: 1px solid #609AD6;}
.home-first-price-ds .priceboxsecion {	margin-right: 15px;}
.offerhome-price > i {
	font-size: 44px;
	margin-right: 0;
}
.offerhome-price.home-first-price-ds small.plans-pricebox {
	font-size: 70%;
}
.home-height-boxds {
	padding: 60px 25px;
	min-height: 550px;
}

.home-icon-svgbox {
	position: absolute;
	right: -5px;
	bottom: -12px;
	opacity: 0.6;
	-webkit-animation: action 0.80s infinite alternate;
	animation: action 0.80s infinite alternate;
}
.home-icon-svgbox-inside {
	position: absolute;
	left: 200px;
	bottom: -12px;
	opacity: 0.3;
	-webkit-animation: action 0.80s infinite alternate;
	animation: action 0.80s infinite alternate;
}
.homeit-needs-box a span.reivewstar-img > img {
	height: 16px;
	margin: 0 auto !important;
	padding: 0;
    opacity: 1;
}
.homeit-needs-box a .imgtag-sahome > img{ opacity: 0.6;}
.homeit-needs-box:hover > a > img, .homeit-needs-box:hover a .imgtag-sahome > img {opacity: 1;}
.rating-valuereivew {
	color: #373f45;
	font-size: 14px;
	margin: 6px 0 0;
	display: block;
}
.rating-valuereivew > strong {
	font-weight: 800;
}
.reivewstar-img {
	margin: 2px auto 0;
	display: inline-block;
}
.smalltext{font-size: 12px;
    line-height: 20px;
   	color: #fff;
margin:20px 0px 20px 0px;}
@media only screen and (max-width: 768px){
	.margin-top-60 {
    margin-top: 30px !important;
}
	#menu-main-menu-1{margin-left:30px; margin-top:30px;}
.large-7 {
    width: 80%; float:none; margin:10%;
   }
.home-heading-ds-vpstitle {
	font-size: 36px!important;
    line-height: 40px!important;
    margin: 20px 0;
    color: #0061A0;
    font-weight: 600;
}
.mobilemargintop{
		margin-top:3rem;
	}
.home-heading-ds-vpstitleh2 {
	display: inline-block;
    color: #7DB8FF!important;
    font-size: 26px!important;
    font-weight: 600;
    line-height: 30px!important;
    clear: both;
	padding-top:20px;
}
.home-page-offer-pro .home-height-boxds {
    padding: 30px 25px;
    min-height: auto;
}
.home-bg-first-fds-vps, .home-bg-first-fds-vps-tow {
    background-color: #0061A0;
/*     background-image: none; */
	background-image: url(https://changeofname.in/wp-content/uploads/2023/11/home-banner-bg.webp);
	background-size:50%;
    height: 100%;
    width: 100%;
    background-position: -30px bottom;
    background-repeat: no-repeat;
    padding: 25px;
}
}

/*-----new footer css-----*/
@media only screen and (max-width: 768px){
	.footernavdiv{
		width: 100%;
		position: relative;
		float: left;
		text-align: center;
		padding: 20px;

		height: 60px;
		background-color: #001D2F;
	}
	.footernavdiv {
		position:  relative;
		width: 100%;
		height: auto!important;
		text-align: center;
		z-index: 99;
		padding: 10px 0;
		font-size: 1rem;
		line-height: 1.3rem;
	}
	.footernav li {
		display: flex; /* step 1 */
		margin-right: -4px; /* step 5 */
		padding: 20px;
	  }
	  #copyrights {
		position:  relative;
		width: 100%;
		/* height: 200px!important; */
		text-align: center;
		z-index: 99;
		padding: 10px 0;
		font-size:0.8rem;
		line-height: 1rem;
	}
}
@media only screen and (max-width: 480px){
	.footernavdiv {
		position:  relative;
		width: 100%;
		height: auto!important;
		text-align: center;
		z-index: 99;
		padding: 10px 0;
		font-size: 1rem;
		line-height: 1.3rem;
	}
	.footernav li {
		display: flex; /* step 1 */
		/* width: 50%!important; */
		margin-right: -4px; /* step 5 */
	  }
	  #copyrights {
		position:  relative;
		width: 100%;
		/* height: 200px!important; */
		text-align: center;
		z-index: 99;
		padding: 10px 0;
		font-size:0.8rem;
		line-height: 1rem;
	}
}
.footernavdiv{
	width: 100%;
	position: relative;
	float: left;
	text-align: center;
	padding: 20px;

	height: 60px;
	background-color: #001D2F;
}
.footernav li {
	display: inline-block; /* step 1 */
	padding: 20px;
	margin-right: -4px; /* step 5 */
  }
  .footernav a {
	display: block; /* step 2 */
	text-decoration: none; /* step 3 */
  }
  /* common text style */
  .footernav a {
	font-family: sans-serif;
	height: 40%; /* vertically center */
	line-height: 40%; /* vertically center */
	color: #A2DAFF !important;
  }
  .footernav a:hover {
/* 	background-color: #005f5f; */
  }

  .footernav a.active {
	background-color: #eee;
	color: #444;
	cursor: default;
  }
  #footer .footer-widgets-wrap {
	position: relative;
	padding: 20px 0;
}

#copyrights {
	padding: 10px 0;
	font-size: 0.875rem;
	line-height: 1.8;
	width: 100%;
	position: relative;
	float: left;
	text-align: center;
	padding-bottom: 20px;
	height:130px;
	background-color: #001D2F!important;
}

#copyrights i.footer-icon {
	position: relative;
	top: 1px;
	font-size: 0.875rem;
	width: 14px;
	text-align: center;
	margin-right: 3px;
}

.copyright-links a {
	display: inline-block;
	margin: 0 3px;
	color: #333;
	border-bottom: 1px dotted #444;
}

.copyright-links a:hover {
	color: #555;
	border-bottom: 1px solid #666;
}

.copyrights-menu { margin-bottom: 10px; }

.copyrights-menu a {
	font-size: 0.875rem;
	margin: 0 10px;
	border-bottom: 0 !important;
}

#copyrights a:first-child { margin-left: 0; }

#copyrights.text-end a:last-child { margin-right: 0; }
#copyrights a:hover {
	color: #fff;
	border-bottom: 1px dotted #444;
}
.footer-logo {
	display: block;
	margin-bottom: 30px;
}
.footeradd {
	padding: 10px 0;
	font-size: 0.875rem;
	line-height: 1.8;
	width: 100%;
	position: relative;
	float: left;
	background-color: #001D2F!important;
}
.footeradd p {
	color: #A2DAFF !important;
	font-size: 0.875rem;
	line-height: 1.8;
	width: 100%;
	text-align: center !important;
}.footeradd p a{color:#A2DAFF;}
.footeradd p a:hover{color:#fff!important;}
.footeradd  i.footer-icon {
	position: relative;
	top: 1px;
	font-size: 0.8rem;
	width: 14px;
	text-align: center;
	margin-right: 3px;
}

	color: #A2DAFF;
	border-bottom: 1px dotted #444;
}

.footeradd  a:hover {
	color: #fff !important;
	border-bottom: 1px solid #666;
}
.greybgcolor{background-color:#F2F2F2;}
/* .space{float: none; margin-right: 10px;} */
.space{margin-right: 10px!important;}
.primary-text{
	color: #0061A0;
    font-size: 22px;
	line-height:32px;
    font-weight: 600;
 	}
.margin-top-60{margin-top:60px ;}
.footer-social-outer-box .footer-social-box {
    margin: 0;
    display: inline-block;
}
.footertext-sing {   display: inline-block;    text-transform: uppercase;}
.footer-social-outer-box ul.footer_social_ulist {
    margin: 0 5px;
    padding: 0;
    list-style: none;
    text-align: left;
    position: relative;
    top: 3px;
    display: inline-block;
	}
.footer-social-outer-box ul li{margin-right:10px!important;}
.footer-social-outer-box ul li i{font-size:22px!important; }
.gazettesample img{width:80%!important;}
.bluebg4{background-color:#ebf5f9; padding:20px 0px 40px 0px;}
.zoomdiv {
  padding: 20px 10px 20px 10px;
  background-color: #fff;
  transition: transform .2s; /* Animation */
/*   width: 200px; */

  margin: 10px; text-align:center;
}.zoomdiv:hover {
  transform: scale(1.3); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}.zoomli li{list-style:none;}
.zoomdivmobi {
  padding: 10px 10px 10px 10px;
  background-color: #fff;
  transition: transform .2s; /* Animation */
  width: 90%;
  text-align:center;
	margin-bottom:10px;
}.zoomdivmobi:hover {transform: scale(1.3); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}.zoomlimobi li{list-style:none;}
.section1 h2{color:#0155AD;}
ul.listceckbox-icon-new {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.listceckbox-icon-new li {
    color: #373F45;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    margin: 8px 0;
}
ul.listceckbox-icon-new li::before {
    content: "\f00c ";
    margin-right: 15px;
    margin-top: 5px;
    display: inline-block;
    font: normal normal normal 15px/1 FontAwesome;
    color: #0155ad;
}
ul.listceckbox-icon-new5 {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.listceckbox-icon-new5 li {
    color: #373F45;
    font-size: 18px;
    font-weight: 700;
    line-height: 25px;
    margin: 8px 0;
}
ul.listceckbox-icon-new5 li::before {
    content: "\f00c ";
    margin-right: 15px;
    margin-top: 5px;
    display: inline-block;
    font: normal normal normal 15px/1 FontAwesome;
    color: #0155ad;
}
.primary-text a {color: #4CAD20;}
.margin-right{margin-right:140px;}
@media screen and (max-width: 767px){
	.marginleftmobile{margin-left:15%;}
.banner-desc {
    padding: 15px;
    width:95%;color: #fff!important;
   }
	.title-def h2{
    font-size: 1.8rem!important; color: #fff!important;
}
.title h1{
    font-size: 2rem!important;
	color: #fff!important;
    font-weight: 600;
    margin: 0;
    margin-top: 10px;
	text-align:left;
	line-height:2.2rem!important;
}
	.textdescription { margin-top: 10px!important;}
	.textdescription p{
    width: 90%;
    float: left;
    position: relative;
    min-height: 100px;
   color: #fff!important;
}
	.logo {z-index:999;}
.btn {
    color: #fff!important;
    border: 0.5px solid #fff!important;
    font-size: 1.1rem;
    font-weight: 300;
    padding: 10px 20px;
    position: relative;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
    transition: 0.5s all;
    text-transform: uppercase;
    margin-right: 10px;
}
	.footernavdiv .footeradd {width:90%!important;}
.banner-desc {
    background-color: rgba(0,58,140,0.95)!important;
    transition: all 0.2s ease-in; color:#FFF!important;}
}
.swal2-html-container{overflow-x: hidden!important;}
.insidebanner img{
    width:100%;
    height:650px;
}
/* ACCORDATION CSS*/
	 :root {
  --primary: #E4E4E4;
  --secondary: #ff5252;
  --background: #eee;
  --highlight: #ffda79;
  /* Theme color */
  --theme: var(--primary);
}
*, *::before, *::after {
  box-sizing: border-box;
}
.tab input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.tab__content {
  max-height: 0;
  overflow: hidden;
  transition: all 0.35s;
  color: #333;
 padding: 0px 10px 0px 10px;
  font-size: 1em;
}
.tab__content h2 {
    line-height: 1.3em;
    font-size: 1em;
    color: #333;
    font-family: Roboto, Verdana, sans-serif;
    text-transform:normal;
    font-weight: bold;
}
.tab input:checked ~ .tab__content {
  max-height:100%;
  min-height: 5em;
}

/* Visual styles */
.accordion {
/*   color: var(--theme); */
/*   border: 2px solid;
  border-radius: 0.5rem; */
  overflow: hidden;
	background-color:#fff!important;
}
.tab__label,
.tab__close {
  display: flex;
  color: #333;
  background: var(--theme);
  cursor: pointer;
}
.tab__label {
  justify-content: space-between;
  padding: 1rem;
}
.tab__label::after {
  content: "\276F";
  width: 1em;
  height: 1em;
  text-align: center;
  transform: rotate(90deg);
  transition: all 0.35s;
}
.tab input:checked + .tab__label::after {
  transform: rotate(270deg);
}
.tab__content p {
  margin: 0;
  padding: 1rem;
  color: #333;
  font-size: 1rem;

}
.tab__close {
  justify-content: flex-end;
  padding: 0.5rem 1rem;
  font-size: 0.75rem;
}
.accordion--radio {
  --theme: var(--secondary);
}

/* Arrow animation */
.tab input:not(:checked) + .tab__label:hover::after {
  animation: bounce .5s infinite;
}
@keyframes bounce {
  25% {
    transform: rotate(90deg) translate(.25rem);
  }
  75% {
    transform: rotate(90deg) translate(-.25rem);
  }
}
/* Accordation End */
.gazettesample5{margin-left:10px;}
/*mobile footer button*/
.global-footer {
	z-index:98;
}
.home-page-offer-ds-vps{margin-left:10%;}
@media(max-width: 768px) {
	.home-bg-inside-karnatka{
/*     background-color: #0061A0; */
	background-image: url('https://changeofname.in/wp-content/uploads/2024/02/karnatka-girl.jpg');
    height: 100%;
    width: 100%;
    background-position:right 25% bottom;
    background-repeat: no-repeat;
    padding: 0px;
}
	.home-height-boxds {
    padding: 20px 25px;
    min-height: 550px;
}
	.home-btnbanner-ds-vps {
    margin: 10px;
    float: left;
		display:contents;
}
	.listceckbox-icon-new span{display:inline;}
	.homebanner-bg-mobile{padding-left:30px;}
	.contactbanner {
    background-color: #0770B2;
    text-align: center;
    color: #fff;
    padding: 10px;
}
div.grid_section .section_inner { width: 80%;
}
	.footernavdiv {
    width: 100%;
    position: relative;
    float: left;
    text-align: center;
    display: flex;
    padding: 0px;
    height: auto;
    background-color: #001D2F;
}
	.home-page-offer-ds-vps{margin:40px 0px!important;}
    .rs-slider.slider3 .content-part .sl-title{text-align: center!important;}
    .copyright p{text-align: center!important;}
    #nivoSlider h2 {
        font-size: 24px!important;
        font-weight: 600;
        line-height: 35px;
        color: #bb0b0b!important;
        margin: 15px 0 25px;
        text-align: center!important;}
    .sliderlogo img{margin: 0px 0px 20px 20%; }
    .footer-widgets-wrap{padding: 10px 30px 0px 30px ;}
    .containerp {
         display:block!important;
        align-items: center;
        justify-content: center;
    }
    .image img {
        width: 80%!important; float: left;
        margin-left: 10%;
      }
      .text {
        font-size: 1rem!important;
        padding-left: 0px;
        padding-top: 0px;
        float: left;
        width: 100%!important;
      }
    .breadcrumb .content-part .sl-subtitle, .rs-slider.slider3 .content-part .sl-subtitle {
        font-size: 16px;
        font-weight: 500;
        text-transform: uppercase;
        margin-bottom: 12px;
        color: #bb0b0b ;
        text-align: center;
   }
   .breadcrumb .content-part .sl-title2 {
    font-size: 42px;
    line-height: 1.1;
    font-weight: 500;
    margin-bottom: 26px;
    margin-right: 10%;
    text-transform: capitalize ;
    margin-top: 15px;
    text-align: center;
}
.breadcrumb3 .content-part .sl-subtitle, .rs-slider.slider3 .content-part .sl-subtitle {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 12px;
    color: #bb0b0b ;
    text-align: center;
}
.breadcrumb3 .content-part .sl-title2 {
font-size: 42px;
line-height: 1.1;
font-weight: 500;
margin-bottom: 26px;
margin-right: 10%;
text-transform: capitalize ;
margin-top: 15px;
text-align: center;
}
.slider-des p {text-align: center;}

    .bannerbutton{
    padding-top: 10px!important;
    padding-right: 25px!important;
    padding-bottom: 10px!important;
    padding-left: 25px!important;
    width: 90%!important;
    display: inline-block;
    text-align: center;
}
   .mobile-footer{
        display: none;
  }
    }
	img.icon {
    margin-bottom: -3px;
    margin-right: 10px;
}

  #mobile-footer {
	z-index:9999;
    position: fixed;
    bottom: 0px;
    left:0;
    width: 100%;
    margin: 0px;
	background-image: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.7) 50%, rgba(255,255,255,0) 100%);
transition: ease-out .2s;
}
#mobile-footer-container {
    display: flex!important;
    justify-content: space-evenly;
    flex-wrap: wrap;
    overflow: hidden;
	padding-top: 15px;
    padding-bottom: 15px;
}
.mobile-link {
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    box-shadow: 2px 3px 5px 0px rgb(0 0 0 / 30%);
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 3px;
    border: 4px solid rgba(255, 255, 255, 0);
    width:45%!important;
    text-align:center!important;
}
.call{
	background: #0072bd;
}
.whatsapp-button-footer{
	background: #25D366;
}
.mobile-link a {
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
  	font-family:  'Roboto';
}
.font30{font-size:30px;}
@media only screen and (max-width: 991px){
.font30{font-size:1rem!important; line-height:35px;}
}
.scroll {
	position: relative;
	width: 100vw;
	background-color: $boxify-bg-light-dark;
	overflow: hidden;
	z-index: 1;
	margin: 0;
	padding: 0;

  }

  .m-scroll {
	overflow: hidden;
	height: 100%;
	white-space: nowrap;
	animation: scrollText 30s infinite linear;
	margin: 0;
	font-size: 0;
	display: flex;
	justify-content: space-between;
	width: fit-content;
  }
  span {
	display: inline-block;
	margin: 0;
	padding: 0;
	/* color: #ab2421; */
  }
  .m-scroll img{height: 400px;	}
  @keyframes scrollText {
	from {
	  transform: translateX(0%);
	}
	to {
	  transform: translateX(-50%);
	}
  }
  #scrollbar{
	width: 100%;
	position: relative;
	margin: auto;
	overflow: hidden;
  }



ul.multicolumn {
width: 420px !important;
left: 300px;
margin-bottom: 20px;
overflow: hidden;
}

ul.multicolumn li {
float: left;
display: inline;
}

ul.multicolumn li {
width: 50%;

}
.bullet5 li{
    background: url(https://changeofname.in/wp-content/uploads/2024/04/bullet1.png) 0 12px no-repeat;
    color: #000;
    font-size: 20px;
    padding: 10px 0 10px 29px;
    border-bottom: 1px solid #cccce6;
	list-style:none;
    line-height: unset;
}


   .form-section {
        background-color: white;
        padding: 20px;
        margin: 20px auto;
        border-radius: 8px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        max-width: 1000px;
    }
    
    .form-section h3 {
        text-align: center;
        color: #e67e22;
        margin-bottom: 20px;
        font-size: 20px;
    }
    
    fieldset {
        border: 1px solid #28a745;
        margin-bottom: 20px;
        padding: 15px;
        border-radius: 8px;
    }
    
    legend {
        padding: 0 10px;
        font-weight: bold;
        color: #28a745;
    }
    
    .radio-group {
        display: flex;
        margin: 5px;
    }
    
    .form-group {
        margin-bottom: 15px;
        width: calc(50% - 10px);
        float: left;
        padding: 5px;
    }
    
    .form-group1 {
        display: flex;
        justify-content: space-evenly;
    }
    
    .form-group label {
        display: block;
        font-weight: bold;
        color: #333;
        margin-bottom: 5px;
    }
    
    label {
        margin-right: 24px;
        display: block;
        font-weight: bold;
        color: #333;
        margin-bottom: 5px;
        font-size: 16px;
    }
    
    input[type="text"],
    input[type="date"],
    input[type="number"],
    input[type="email"],
    select,
    textarea {
        width: 90%;
        padding: 8px;
        border: 1px solid #ccc;
        border-radius: 4px;
        overflow: hidden;
    }
    
    fieldset:after {
        content: "";
        display: table;
        clear: both;
    }
    
    button {
        width: 100%;
        padding: 10px;
        background-color: #28a745;
        color: white;
        border: none;
        border-radius: 5px;
        font-size: 16px;
        cursor: pointer;
    }
    
    button:hover {
        background-color: #218838;
    }
    
    @media (max-width: 768px) {
        .radio-group {
            display: block;
            margin: 5px;
        }
        .form-group1 {
            flex-direction: column;
            align-items: flex-start;
            width: 100%;
        }
    }

/* === Karnataka Gazette Form (Bengaluru) === */
#namechange-form-ka {
  max-width: 420px;
  margin: 30px auto;
  padding: 25px 30px;
  background: #f9f9f9;
  border: 1px solid #ddd;
  border-radius: 10px;
  font-family: Arial, sans-serif;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

#namechange-form-ka input,
#namechange-form-ka select,
#namechange-form-ka button {
  width: 100%;
  padding: 12px 14px;
  margin: 8px 0 14px;
  font-size: 15px;
  border-radius: 6px;
  border: 1px solid #ccc;
  box-sizing: border-box;
  transition: border-color 0.3s, box-shadow 0.3s;
}

#namechange-form-ka input:focus,
#namechange-form-ka select:focus {
  border-color: #0066cc;
  outline: none;
  box-shadow: 0 0 6px rgba(0,102,204,0.25);
}

#namechange-form-ka button {
  background: #0066cc;
  color: #fff;
  font-weight: bold;
  border: none;
  cursor: pointer;
  transition: background 0.3s, transform 0.2s;
}

#namechange-form-ka button:hover:not(:disabled) {
  background: #004d99;
  transform: translateY(-1px);
}

#namechange-form-ka button:disabled {
  background: #999;
  cursor: not-allowed;
}

#response-msg-ka {
  font-size: 14px;
  text-align: center;
  margin-top: 10px;
}

/* Status colors */
#response-msg-ka:contains("✅") {
  color: green;
  font-weight: bold;
}
#response-msg-ka:contains("❌") {
  color: red;
  font-weight: bold;
}
#response-msg-ka:contains("⏳") {
  color: #555;
  font-style: italic;
}

/* Mobile */
@media (max-width: 500px) {
  #namechange-form-ka {
    padding: 18px;
  }
}