@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
body { background: #ffffff; width: 100%; margin: 0 auto; padding: 0; font-family:'Montserrat', sans-serif; overflow-x: hidden; font-size: 16px; color: #252525; }
a{text-decoration:none; outline:none; transition: all 300ms ease;}
a:hover{text-decoration:none;}
button, button:focus{outline:none;}
h1, h2, h3, h4, h5, h6, p {padding:0; margin:0; }
ul, li{padding:0; margin:0; list-style:none;}
input, input:hover, input:focus, textarea:hover, textarea:focus, .form-control:hover, .form-control:focus{outline:none !important; box-shadow:none;}
p:empty { display: none; }
input[type=password] { font-family: sans-serif !important; }
@font-face {
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),
  url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
  url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),
  url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),
  url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-family: 'FontAwesome'; font-weight: normal; font-style: normal;
}


header { position: absolute; left: 0; top: 0; width: 100%; z-index: 999;}
.headernavbar { width: 100%; position: relative; padding: 20px 0; } 
.headernavbar .navbar { padding: 0; }
.headernavbar .navbar .navbar-brand { margin: 0; padding: 0; min-height: 63px; display: flex; flex-wrap: wrap; align-items: center; align-content: center; }
.headeright_part { position: absolute; right: 100px; top: 50%; transform: translateY(-50%); }
.phoneemailist { display: flex; align-items: center; } 
.phoneemailist li {padding-right: 25px;margin-right: 25px;border-right: 2px  solid #343434;line-height: 1;} 
.phoneemailist li:last-child { margin-right: 0; padding-right: 0; border-right: 0; } 
.phoneemailist li a { color: #000000; font-size: 15px; font-weight: 500; display: block; position: relative; padding: 0;  transition: all .4s; } 
.phoneemailist li a:after { content: ''; width: 0; height: 1px; background: transparent; position: absolute; left: 0; bottom: -3px; transition: all .4s; }
.phoneemailist li a:hover { color: #2FB67C; }
.phoneemailist li a:hover:after { background: #2FB67C; width: 100%; }
.headernavbar .navbar .navbar-toggler { border-radius: 0; border: 0; padding: 8px 3px; box-shadow: none; }
.closenav, .mobilecontact { display: none; }
.navbar-toggler[aria-expanded="true"] .img-fluid { display: none; } 
.navbar-toggler[aria-expanded="true"] .img-fluid.closenav { display: inline-block; }
#navbartogglemain { width: 100%; position: absolute; z-index: -1; }
.toglenavbar { width: 100%; background: #D9FAFF; z-index: 9; padding: 50px 0 0; overflow: hidden; position: relative;}
.toglenavbar:after { content: ''; width: 620px; height: 620px; border-radius: 100%; background: #5FB3CA; position: absolute; bottom: -300px; right: -300px; z-index: -1; }
.custom-nav { padding-left:50px; }
.custom-nav  li { padding-left: 100px; position: relative; }
.custom-nav li:before { content: ''; width: 60px; height: 2px; background: #113564; position: absolute; left: 0; top: 50%; transform: translateY(-50%); opacity: 0; visibility: hidden; }
.custom-nav li a { font-size: 26px; color: #113564; font-weight: 500; display: inline-block; margin: 10px 0; position: relative; padding-left: 60px; }
.custom-nav li a img { width: 35px; position: absolute; left: 0; top: 3px; } 
.custom-nav li.active:before { opacity: 1; visibility: visible; }
.mobilenavimg { text-align: center; margin-bottom: -130px; } 
.mobilenavimg .img-fluid { max-width: 350px; }
/**/
header.sticky { position: fixed; top: 0; left: 0; right: 0; z-index: 999; box-shadow: 0 0 5px rgba(0,0,0,0.2); }
/*.toglesign { display: none; }
.showmenu .navbar-brand .img-fluid { display: none; }
.showmenu .navbar-brand .toglesign { display: block; }
.showmenu .phoneemailist li a { font-weight: 500; }*/
/**/
.bannermain { width: 100%; padding: 120px 0 0; background-size: cover; background-repeat: no-repeat; background-position: center top; overflow: hidden; position: relative; z-index: 2;}
.bannermain:before { content: ''; width: 120px; height: 120px; border-radius: 100%; background: #6ECFEA; position: absolute; top: 50%; left: -60px; z-index: -1; animation: up-down 3s infinite alternate;}
@keyframes up-down {
    0% { transform: translatey(0px); }
    50% { transform: translatey(-30px); }
    100% { transform: translatey(0px); }
}
.bannerdetails { padding-bottom: 60px; padding-right: 60px; } 
.bannerdetails h1 { font-size: 65px; font-weight: 700; color: #113564; margin: 0 0 5px; } 
.bannerdetails h4 {font-size: 25px;color: #000000;font-weight: 700;margin: 0 0 15px;} 
.bannerdetails p { font-size: 18px; color: #000000; font-weight: 500; line-height: 31px; margin: 0 0 15px; } 
.btn.darkgreenbtn {min-width: 160px;background: #2FB67C;border: none;border-radius: 200px;padding: 12px 10px;font-size: 15px;color: #fff;font-weight: 600;box-shadow: none; overflow: hidden; position: relative; z-index: 2;} 
.btn.darkgreenbtn:before { content: ''; background: #000; width: 0%; height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; transition: all .4s; }
.btn.darkgreenbtn:hover { color: #fff !important; }
.btn.darkgreenbtn:hover:before { width: 100%; }
.btn.darkgreenbtn.withoutbgbtn { color: #000000; background:transparent; } 
.btn.darkgreenbtn.withoutbgbtn:before { background: #2FB67C; }
.bannertwobtns .btn.darkgreenbtn { margin-right: 10px; }
.bannerimgbox { text-align: center; margin-bottom: -130px; } 
.bannerimgbox .img-fluid { max-width: 350px; } 
/**/
.aboutexperience_sec { width: 100%; padding: 100px 0; overflow: hidden; position: relative; z-index: 2; }
/*.aboutexperience_sec:after { content: ''; background: url(../images/layerimg1.png) center top; width: 100%; height: 16px; position: absolute; bottom: 0; left: 0; right: 0; }  */
.experiencebox { text-align: center; padding-right: 30px; } 
.experiencebox h2 { font-size: 130px; font-weight: 700; color: #113564; line-height: 1; margin: 0 0 25px; } 
.experiencebox h2 span { display: block; font-size: 20px; color: #404040; } 
.experiencebox h4 { font-size: 35px; color: #113564; font-weight: 800; margin: 20px 0 0; } 
.aboutexperdata { padding-left: 10px; }
.aboutexperdata h2 { font-size: 45px; color: #000000; font-weight: 700; margin: 0 0 15px; } 
.aboutexperdata p { font-size: 18px;color: #404040;font-weight: 500;line-height: 31px;margin: 0 0 15px;}
/**/
.subjectslide { background: #6ECFEA; width: 100%; display: flex; align-items: center; } 
.regularslid_list li { display: inline-block; vertical-align: middle; padding: 15px 15px; } 
.regularslid_list li strong { font-size: 20px; display: inline-block; vertical-align: middle; font-weight: 700; color: #fff; padding-left: 10px; }
/**/
.homeservices_sec { width: 100%; padding: 100px 0; overflow: hidden; position: relative; z-index: 2; }
.homeservices_sec:before { content: ''; width: 190px; height: 190px; border-radius: 100%; background: #6ECFEA; position: absolute; top: 50%; right: -95px; transform: translateY(-50%); z-index: -1; animation: up-down 3s infinite alternate;}
.homeservices_sec .container { position: relative; } 
.homeservice_col { display: flex; align-items: center; max-width: 540px; padding: 25px 0; position: relative; } 
.homeservice_col:after { content: ''; width: 65%; height: 1px; background: #DAD6C8; position: absolute; bottom: 0; left: 100px; }
.homeserviceicon { min-width: 90px; } 
.homeservicedata h4 { font-size: 20px; color: #000000; font-weight: 700; margin: 0 0 7px; } 
.homeservicedata p { font-size: 17px; color: #404040; font-weight: 500; line-height: 30px; margin: 0; } 
.homeservices_sec .row .col-md-6:nth-child(2n) .homeservice_col { margin-left: auto; } 
.homeservices_sec .row .col-md-6:nth-child(5) .homeservice_col:after, .homeservices_sec .row .col-md-6:last-child .homeservice_col:after { display: none; } 
.allservicebtn { position: absolute; top: 45px; right: 15px; }
.btn.viewserviebtn { font-size: 15px; color: #2FB67C; font-weight: 700; box-shadow: none; border: none; padding: 0 0 0 33px; border-radius: 0; position: relative; transition: all .4s; } 
.btn.viewserviebtn:before { content: ''; width: 20px; height: 20px; background: #2FB67C; border-radius: 20px; display: inline-block; vertical-align: middle; position: absolute; left: 0; top: 0; transition: all .4s; } 
/* */
.homeachive_sec { width: 100%; padding: 100px 0; background: #D9FAFF; overflow: hidden; position: relative; z-index: 2; } 
.achivecourveimg .img-fluid { position: absolute; z-index: -1; } 
.courveicon1 { right: 30px; top: 30px; max-width: 90px; animation: up-down 3s infinite alternate; } 
.courveicon4 { bottom: 30px; left: 50%; transform: translateX(-50%); max-width: 90px; animation: left-right 2.5s infinite alternate; } 
@keyframes left-right {
    0% { transform: translatex(0px); }
    50% { transform: translatex(30px); }
    100% { transform: translatex(0px); }
}
.courveicon3 { left: 2%; bottom: 10%; max-width: 60px; animation: fa-spin 8s infinite;} 
@keyframes rotateIt {
    100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); }
}
@keyframes fa-spin {
    0% {-webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% {-webkit-transform: rotate(359deg); transform: rotate(359deg); }
}
.courveicon2 { left: 22%; top: 30%; max-width: 60px; animation: left-right 2.5s infinite alternate; } 
.homeachivedata { max-width: 550px; } 
.homeachivedata h2 {font-size: 30px;color: #000000;font-weight: 700;margin: 0 0 50px;} 
.homeachivedata h4 { font-size: 20px; color: #000000; font-weight: 700; margin: 0 0 30px; } 
.achivebox_col { display: flex; align-items: center; padding: 15px 0; } 
.achiveicon { min-width: 100px; } 
.achivedata h3 { font-size: 35px; color: #000000; font-weight: 700; margin: 0 0 7px; } 
.achivedata p { font-size: 18px; color: #404040; font-weight: 500; line-height: 30px; margin: 0; } 
.achiveimgbox { text-align: right; }
/**/
.hometestimonial { width: 100%; padding: 100px 0; overflow: hidden; position: relative; z-index: 2; } 
.hometestimonial:before { content: ''; width: 190px; height: 190px; border-radius: 100%; background: #C06451; position: absolute; top: -95px; left: 50%; transform: translateX(-50%); z-index: -1;}
.topreviewbox { max-width: 800px; margin: 0  auto 40px; }
.topreviewbox h4 { font-size: 20px; color: #000; font-weight: 700; line-height: 31px; margin: 20px 0 15px; } 
.topreviewbox h6 { font-size: 18px; color: #404040; font-weight: 500; margin: 0; font-style: italic; } 
.portfiolio_probox {display: block; width: 100%; padding: 40px 40px; position: relative; overflow: hidden; border-radius: 20px; border: 1px solid #F5F5F5; box-shadow: 0px 15px 30px 0 rgba(0,0,0,0.1); z-index: 2; margin: 15px 0; transition: all .4s; outline: none !important; } 
.portfiolio_probox:before { content: ''; width: 180px; height: 180px; border-radius: 100%; background: #6ECFEA; position: absolute; top: -85px; right: -85px; z-index: -1; transition: all .4s; }
.portfiolio_probox img { transition: all .4s; }
.portfiolio_probox h4 { font-size: 30px; font-weight: 700; color: #000000; margin: 24px 0 10px; transition: all .4s; } 
.portfiolio_probox p { font-size: 18px; color: #404040; font-weight: 500; line-height: 31px; margin: 0 0 15px; transition: all .4s; }
.portfiolio_probox.projectbox { background: #5FB3CA; } 
.portfiolio_probox.projectbox h4, .portfiolio_probox.projectbox p, .projectbox .btn.viewserviebtn { color: #fff; } 
.projectbox .btn.viewserviebtn::before { background: #fff; }
/*hover*/
.portfiolio_probox:hover { background: #5FB3CA; }
.portfiolio_probox:hover h4, .portfiolio_probox:hover p, .portfiolio_probox:hover .btn.viewserviebtn { color: #fff; }
.portfiolio_probox:hover img { filter: invert(1); }
.portfiolio_probox:hover .btn.viewserviebtn::before { background: #fff; }
/**/
.portfiolio_probox.projectbox:hover { background: #ffffff; }
.portfiolio_probox.projectbox:hover h4, .portfiolio_probox.projectbox:hover p, .portfiolio_probox.projectbox:hover .btn.viewserviebtn { color: #000000; }
.portfiolio_probox.projectbox:hover img { filter: invert(1); }
.portfiolio_probox.projectbox:hover .btn.viewserviebtn::before { background: #2FB67C; }

/**/
.homearticle_sec { width: 100%; padding: 0 0 85px; overflow: hidden; position: relative; z-index: 2; } 
.artical_maincol { width: 100%; display: block; margin: 15px 0; } 
.articalimg_box { width: 100%; height: 275px; overflow: hidden; border-radius: 25px; margin: 0 0 15px; } 
.articalimg_box .img-fluid { width: 100%; height: 100%; object-fit: cover; transition: all .4s;} 
.articaldata_box h4 { font-size: 20px; font-weight: 700; color: #000000; margin: 0 0 10px; line-height: 1.5; } 
.articaldata_box p { font-size: 18px; color: #404040; font-weight: 500; line-height: 31px; margin: 0 0 15px; }
.artical_maincol:hover .articalimg_box .img-fluid { transform:scale(1.15); }
.artical_maincol:hover .btn.viewserviebtn { color: #5FB3CA; }
.artical_maincol:hover .btn.viewserviebtn:before { background: #5FB3CA; }
.articleideaslid .slick-slide { padding: 0 12px; }
.articleideaslid .slick-dots { position: relative; bottom: 0; } 
.articleideaslid .slick-dots li button { border: 2px solid #000; border-radius: 50px; padding: 0; margin: 0; } 
.articleideaslid .slick-dots .slick-active button::before { display:none; } 
.articleideaslid .slick-dots .slick-active button { background: #000; }
/**/
.connectdiscuss_sec { width: 100%; padding: 0 0 80px; overflow: hidden; position: relative; z-index: 2; } 
.connectdiscuss_sec .aboutexperdata { margin-bottom:70px; }
.connectdetails { padding-top:30%; position: relative;}
.connectdetails:before { content: ''; width: 850px; height: 850px; border-radius: 100%; background: #D9FAFF; position: absolute; left: -26%; bottom: -508px; z-index: -1; }
.connectdetails h5 { font-size: 20px; font-weight: 700; color: #000000; margin: 20px 0 80px; }
.homeconnectform h4 { font-size: 20px; font-weight: 700; color: #000000; margin: 20px 0 50px;  }
/*Scroll Button*/
#elevator_item{position:fixed; right:15px; bottom:60px; transition:opacity .4s ease-in-out; opacity:1; z-index:999; display:none;}
#elevator_item.off{opacity:0; visibility:hidden;}
#elevator{display:block; width:40px; height:40px; cursor:pointer; background:url(../images/icon_top.png) center center no-repeat; background-size:40%; background-color:#2FB67C; border-radius:5px; box-shadow:0 1px 3px rgba(0, 0, 0, .2);}
/**/
.innerheader { background-color: #D9FAFF;}
.breadcrumbs { padding-top: 144px;}
.breadcrumbs .inner-breadcrumbs li { display: inline-block; color: #000000; padding-right: 40px; position: relative;}
.breadcrumbs .inner-breadcrumbs li a { color: #939393;}
.breadcrumbs .inner-breadcrumbs li:before { position: absolute; content: ''; width: 20px; height: 1px; background-color: #939393; right: 10px; top: 12px;}
.breadcrumbs .inner-breadcrumbs li:last-child:before { display: none;}
img{max-width: 100%;}
.article ul.list-item li { display: inline-block; color: #404040; font-weight: 600; font-size: 15px; padding: 0 23px; border-right: 2px solid #404040; line-height: 1;}
.article ul.list-item li:last-child {border: 0px;}
.main_seal {position: relative;}
.circle_common { position: absolute; }
.circle_image_box_fixed2{ position: absolute; -webkit-animation: myOrbit 24s linear infinite; -moz-animation: myOrbit 24s linear infinite; -o-animation: myOrbit 24s linear infinite; animation: myOrbit 24s linear infinite; }
.circle_image_box_fixed4{ position: absolute; -webkit-animation: myOrbit1 24s linear infinite; -moz-animation: myOrbit1 24s linear infinite; -o-animation: myOrbit1 24s linear infinite; animation: myOrbit1 24s linear infinite; }
.circle_image_box_fixed3{position: absolute; -webkit-animation: myOrbit2 24s linear infinite; -moz-animation: myOrbit2 24s linear infinite; -o-animation: myOrbit2 24s linear infinite; animation: myOrbit2 24s linear infinite; }
.circle_image_box_fixed5{ position: absolute; -webkit-animation: myOrbit3 24s linear infinite; -moz-animation: myOrbit3 24s linear infinite; -o-animation: myOrbit3 24s linear infinite; animation: myOrbit3 24s linear infinite; }  
.circle_image_box_fixed1{ position: absolute; -webkit-animation: myOrbit4 24s linear infinite; -moz-animation: myOrbit4 24s linear infinite; -o-animation: myOrbit4 24s linear infinite; animation: myOrbit4 24s linear infinite; }
.circle_image_box_fixed6{position: absolute; -webkit-animation: myOrbit5 24s linear infinite; -moz-animation: myOrbit5 24s linear infinite; -o-animation: myOrbit5 24s linear infinite; animation: myOrbit5 24s linear infinite; }
.circle_image_box_fixed7{position: absolute; -webkit-animation: myOrbit6 24s linear infinite; -moz-animation: myOrbit6 24s linear infinite; -o-animation: myOrbit6 24s linear infinite; animation: myOrbit6 24s linear infinite; }
@keyframes myOrbit {
    from { transform: rotate(0deg) translateX(40%) rotate(0deg); }
    to   { transform: rotate(360deg) translateX(40%) rotate(-360deg); }
}
@keyframes myOrbit1 {
    from { transform: rotate(51.42deg) translateX(40%) rotate(-51.42deg); }
    to   { transform: rotate(411.42deg) translateX(40%) rotate(-411.42deg); }
}
@keyframes myOrbit2 {
    from { transform: rotate(102.84deg) translateX(40%) rotate(-102.84deg); }
    to   { transform: rotate(462.84deg) translateX(40%) rotate(-462.84deg); }
}

@keyframes myOrbit3 {
    from { transform: rotate(154.26deg) translateX(40%) rotate(-154.26deg); }
    to   { transform: rotate(514.26deg) translateX(40%) rotate(-514.26deg); }
}

@keyframes myOrbit4 {
    from { transform: rotate(205.68deg) translateX(40%) rotate(-205.68deg); }
    to   { transform: rotate(565.68deg) translateX(40%) rotate(-565.68deg); }
}
@keyframes myOrbit5 {
    from { transform: rotate(257.1deg) translateX(40%) rotate(-257.1deg); }
    to   { transform: rotate(617.1deg) translateX(40%) rotate(-617.1deg); }
}
@keyframes myOrbit6 {
    from { transform: rotate(308.52deg) translateX(40%) rotate(-308.52deg); }
    to   { transform: rotate(668.52deg) translateX(40%) rotate(-668.52deg); }
}
.seal_1 {text-align: center; width: 49%; margin: auto; height: 546px;}
.circle_image_box_fixed1 { width: 100%; top: 43%; left: 43%;}
.homeachive_sec .row{align-items: center;}
.main_seal img { width: 14%;}
.circle_image_box_fixed2 { top: 43%; left: 43%; width: 100%;}
.circle_image_box_fixed3 { width: 100%; top: 43%; left: 43%;}
.seal_1 img{ width: 100%; height: 100%; object-fit: contain;}
.circle_image_box_fixed4 { position: absolute; width: 100%; top: 43%; left: 43%;}
.circle_image_box_fixed5 {top: 43%; left: 43%; width: 100%;}
.circle_image_box_fixed6 { top: 43%; left: 43%; width: 100%;}
.circle_image_box_fixed7 {top: 43%; left: 43%; width: 100%;}
.commenform input[type="tel"],.commenform input[type="email"],.commenform input[type="text"], .commenform textarea {font-size: 14px; border: 0px; border-bottom: 1px solid #7A7A7A; border-radius: 0px; padding: 10px 0; font-weight: 600; margin-bottom: 26px; width: 100%;}
.commenform textarea {height: 90px;}
.commenform input.wpcf7-form-control.wpcf7-submit {background-color: #2FB67C; color: #fff; padding: 17px 27px; border-radius: 40px; font-size: 16px; margin-top:10px; border: 0px; transition: all .4s; overflow: hidden; position: relative; z-index: 2;}
.commenform input.wpcf7-form-control.wpcf7-submit:before { content: ''; background: #000; width: 0%; height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; transition: all .4s; }
.commenform input.wpcf7-form-control.wpcf7-submit:hover:before {width: 100%;}
.commenform input.wpcf7-form-control.wpcf7-submit:hover{ background-color: #000; color: #fff;}
.homeconnectform h4 {max-width: 310px;}
.homeconnectform {padding-left: 50px;}
.post, .page {margin: 0 !important;}


/*Modal Start Project*/
.projectmodal .modal-dialog { max-width: 650px; margin: 30px auto; padding: 0 15px; }
.projectmodal .modal-content { background: #6ECFEA; border: 1px solid #6ECFEA; border-radius: 15px; } 
.projectmodal .modal-header { padding: 45px 30px 20px; text-align: center; flex-wrap: wrap; justify-content: center; border: none; margin: 0; } 
.modalsm-title { font-size: 20px; color: #fff; font-weight: 300; width: 100%; margin: 0 0 10px; }
.projectmodal .modal-title { font-size: 26px; color: #fff; font-weight: 700; width: 100%; line-height: 1.2; max-width: 450px; margin: 0 auto; } 
.projectmodal .modal-header .btn-close { position: absolute; top: 15px; right: 15px; background: transparent; font-size: 20px; opacity: 1; color: #fff; font-weight: 700; line-height: 1; box-shadow: none; outline: none; } 
.projectmodal .modal-body { padding: 0 30px 40px; }
.projectmodal .commenform input[type="tel"], .projectmodal .commenform input[type="email"], .projectmodal .commenform input[type="text"], .projectmodal .commenform textarea { background: transparent; color: #fff; border-color: #fff; }
.projectmodal .commenform input::-webkit-input-placeholder, .projectmodal .commenform textarea::-webkit-input-placeholder { color: #ffffff; }
.projectmodal .commenform input:-ms-input-placeholder, .projectmodal .commenform textarea:-ms-input-placeholder { color: #ffffff; }
.projectmodal .commenform input::placeholder, .projectmodal .commenform textarea::placeholder { color: #ffffff; }
.projectmodal .commenform input.wpcf7-form-control.wpcf7-submit { margin: 0; }


/*Newsletter Modal*/
.newstmodal .modal-dialog { max-width: 950px; margin: 70px auto 30px; padding: 0 15px; }
.newstmodal .modal-content { background: #6ECFEA; border: none; border-radius: 15px; overflow: hidden; }
#newslettermodal .modal-content { overflow: initial; } 
.newstmodal .modal-body { padding: 0; }
.newsletter_row { display: flex; flex-wrap: wrap; }
.lettershape_box { width: 50%; padding: 0px 15px; background: #D9FAFF; text-align: center; background-repeat: no-repeat; background-position: center center; background-size: auto; display: flex; align-items: flex-end; justify-content: center; border-top-left-radius: 15px; border-bottom-left-radius: 15px; }
.lettershape_box .img-fluid { margin-top: -50px; }
.letterdata_box { text-align: center; width: 50%; padding: 50px 25px 30px 25px; }
.letterdata_box .btn-close { position: absolute; top: 15px; right: 15px; background: transparent; font-size: 20px; opacity: 1; color: #fff; font-weight: 700; line-height: 1; box-shadow: none; outline: none; } 
.letterdata_box > h2 { font-size: 30px; font-weight: 700; color: #fff; margin: 0 0 20px;  }
.letterdata_box > p { font-size: 15px; color: #fff; margin: 0 0 25px; }
.letterdata_box > h5 { font-size: 15px; font-weight: 600; color: #fff; margin: 0; cursor: pointer; }
.newsletterform { max-width: 330px; margin: 0 auto 20px; }
.newsletterform input[type="email"] { width: 100%; min-width: 100%; border-radius: 100px; background: #fff; border: 1px solid #fff; height: 45px; padding: 7px 20px; margin: 0 0 15px; font-size: 16px; color: #323232; }
.newsletterform .btn.darkgreenbtn { min-width: 230px; padding: 12px 10px; font-size: 15px; }
.newsletterform input[type="submit"] { min-width: 230px; background: #2FB67C; border: none; border-radius: 200px; padding: 12px 10px; font-size: 15px; color: #fff; font-weight: 600; box-shadow: none; overflow: hidden; position: relative; z-index: 2; line-height: inherit; height: auto; }
.form-newsbtn { position: relative; }
.form-newsbtn .wpcf7-spinner { position: absolute; top: 12px; }
.newsletterform .wpcf7-not-valid-tip { margin: -7px 0 10px; }
.wpcf7 form .wpcf7-response-output { margin: 15px 0 0; color: #fff; background: #ffb900; }

.single.single-post #primary { padding-top: 103px; }
.single-post .article h2 { margin: 0; max-width: 100%; }
.single-post .homearticle_sec { padding: 70px 0; }
.aboutexperience_sec .aboutexperdata br { display: none; }


/*Modal*/
.Webinarsbody { max-width: 850px; width: 100%; padding: 15px 30px; margin: 0px 0 30px; border-radius: 10px; position: relative; background: #fff; box-shadow: 1px 2px 18px rgba(0,0,0,0.1); border: 1px solid #fff; }
.btn.registerwebinar { background: #323652; display: inline-block; border: 1px solid #323652; border-radius: 4px; color: #fff; padding: 7px 10px; min-width: 100px; font-size: 15px; font-weight: 700; cursor: pointer; outline: none; box-shadow: none; transition: all .3s; }
.btn.registerwebinar:hover { color: #ffffff; background: #2FB67C; border-color: #2FB67C; }
/*2*/
.webinartimelist { padding: 10px 0; margin: 15px 0; list-style: none; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; }
.webinartimelist li { padding: 3px 0; }
.webinartimelist li span:first-child { margin-right: 40px; }
.webinartimelist li span { margin: 0; font-size: 16px; font-weight: 500; color: #000; }
.webinartimelist li span a { color: #2FB67C; }
.webinarform-sec h2 { font-size: 20px !important; font-weight: 700; text-align: left; color: #000; padding: 0 !important; margin: 0 0 10px !important; }
.webinarform-row { display: flex; flex-wrap: wrap; margin: 0 -10px; }
.webinarform-row .halfbox { width: 50%; padding: 5px 10px 13px; }
.webinarform-row .fullbox { width: 100%; padding: 5px 10px 13px; }
.webinarform-row .form-group label { width: 100%; font-size: 16px; color: #000; font-weight: 500; margin: 0 0 5px; }
.webinarform-row .form-group label sup { color: #fb0a0a; }
.webinarform-row .form-group .form-control { width: 100%; border-radius: 15px; border: 1px solid #858181; font-size: 16px; color: #000; padding: 10px 15px; outline: none; box-shadow: none; font-weight: 500; }
.webinarform-row .form-group p { margin: 0; padding: 0; font-size: 16px; color: #000; line-height: 26px; }
.webinarform-row .form-group p a { color: #2FB67C; }
.text-end { text-align: right; }
.btn.webinarsubmitbtn { background: #2FB67C; font-size: 15px; font-weight: 700; color: #FFF; cursor: pointer; border: 1px solid #2FB67C; border-radius: 10px; padding: 8px 15px; min-width: 150px; text-align: center; transition: all .4s; }
.btn.webinarsubmitbtn:hover { background:#fff; color:#2FB67C; }
/*3*/
.confirmationmsg .Webinarsbody { padding: 30px 30px; }
.confirmdata-row { text-align: center; margin: 0; } 
.confirmdata-row h1 { font-size: 32px; font-weight: 700; color: #2FB67C; margin: 0 0 10px; } 
.confirmdata-row p { margin: 0 0 7px; } 
.confirmdata-row h4 { font-size: 20px; font-weight: 700; margin: 0 0 7px; padding: 0 !important; }
.confirmnewsletter-row { width: 100%; border: 5px solid #2fb67c; border-radius: 10px; box-shadow: 0px 4px 20px 0px #0000001A; padding: 20px 20px; margin: 20px 0 0; }
.newsletterdata { text-align: center; } 
.newsletterdata h2 { font-size: 24px; font-weight: 700; margin: 0 0 17px !important; padding: 0 !important; } 
.newsletterdata h2 strong { font-weight: 700; color: #2FB67C; } 
.newsletterdata h2 span { background: #F9E911; } 
.newsletterdata h5 { font-size: 18px; color: #000; margin: 0 0 15px; } 
.newsletterdata p { text-align: left; margin: 0; padding: 0; font-size: 16px; color: #000; line-height: 26px; }




/*-------------------------------- Responsive Media Query --------------------------------*/
@media (min-width: 1200px){
body .container { max-width: 1200px;}
.mainheader .container-fluid { padding: 0 50px; }


}


@media (max-width: 991px){
.navbar-brand .img-fluid { max-width: 300px; }
.headeright_part { right: 50px; }
.phoneemailist li { padding-right: 13px; margin-right: 13px;}
.phoneemailist li a {font-size: 14px;}
.navheight { height: 100vh; overflow: auto; }
.connectdiscuss_sec .row {flex-direction: column-reverse;}
.homeabout_video { margin: 0 0 20px; }

}


@media only screen and (max-width:991px) and (min-width: 768px)  {
.experiencebox h4 { margin: 20px 0 50px;}
.achiveimgbox {text-align: center; padding-top: 50px;}


}


@media (max-width: 767px){
.custom-nav { padding-left: 0px;}
.toglenavbar { padding:0; } 
.breadcrumbs .inner-breadcrumbs ul{display: flex;}
.custom-nav .darkgreenbtn { width: 219px; font-size: 13px; padding: 3px; margin-left: -30px;}
.custom-nav li a {font-size: 18px; font-weight: 600; padding-left: 80px; line-height: 2;}
.breadcrumbs {padding-top: 72px;}
.aboutexperdata p {font-size: 14px; line-height: 24px;}
.aboutexperdata h2 { font-size: 35px;}
.btn.darkgreenbtn { padding: 8px 10px; font-size: 14px;}
.headernavbar {padding: 2px 0px;}
a.navbar-brand img { max-width: 250px; }
.connectdetails:before {left: 50%; transform: translate(-50%, 0%);}
.breadcrumbs .inner-breadcrumbs li { font-size: 14px;}
.phoneemailist li:before { position: absolute; content: ''; width: 2px; height: 15px; background-color: #000; top: 26px;}
.phoneemailist li { position: relative; width: 100%; border:0px; padding-right:0px; margin-right:0px; padding-bottom:40px;}
.connectdetails {margin: 0 10px; text-align: center;}
.phoneemailist {flex-wrap: wrap;}
.phoneemailist li:last-child {padding: 0;}
.connectdiscuss_sec .aboutexperdata {margin-bottom: 40px;}
.connectdiscuss_sec {padding: 0 0 50px;}
.phoneemailist li:last-child:before {display: none;}
#elevator_item { bottom: 15px; }
/*-----------anuj-------------*/
.bannerdetails {padding-right: 0;}
.bannerdetails h4 {font-size: 20px;}
.bannerimgbox .img-fluid {max-width: 206px;}
.bannermain {background-position: left top; padding: 50px 0 0;}
.experiencebox h2 {font-size: 90px;}
.aboutexperience_sec { padding: 60px 0 90px;}
.experiencebox h4 {font-size: 28px; padding-bottom: 40px;}
.experiencebox h2 span {font-size: 18px;}
.aboutexperience_sec:after { height: 4px; background-size: contain;}
.homeservices_sec { padding: 60px 0;}
.homeservicedata h4 { font-size: 18px;}
.bannerimgbox {margin-bottom: -75px;}
.allservicebtn { position: relative; top: 0; padding-top: 35px; right: auto; text-align: center;}
.homeservice_col:after {width: 100%; left: 0; display: block !important;}
.homeserviceicon img {width: 41px;}
.homeservicedata p { font-size: 14px; line-height: 24px;}
.experiencebox {padding-right: 0px;}
.bannermain:before,.homeservices_sec:before{display: none;}
.btn.withoutbgbtn {font-size: 14px; padding: 8px 10px; border: 1px solid #2FB67C; min-width: 160px; border-radius: 40px; color: #2FB67C;}
.bannertwobtns .btn.darkgreenbtn {margin-right: 0px;}
.bannerdetails p,.achivedata p {font-size: 14px; line-height: 24px;}
.bannerdetails h1 {font-size: 36px;}
.achivebox_col img { width: 50px;}
.achiveimgbox { padding-top: 40px;}
.hometestimonial:before {top:-45px; width: 90px; height: 90px;}
.btn.viewserviebtn {font-size: 14px;}
.portfiolio_probox { padding: 30px; margin-bottom: 40px;}
.topreviewbox img {width: 41px;}
.portfiolio_probox:before {width: 150px; height: 150px;}
.articaldata_box h4 {font-size: 18px; line-height: 1.3;}
.articaldata_box p {font-size: 14px; line-height: 24px;}
.hometestimonial {padding: 100px 0 40px;}
.portfiolio_probox p {font-size: 14px; line-height: 21px;}
.articaldata_box h4 {font-size: 18px;}
.portfiolio_probox h4 {font-size: 22px;}
.portfiolio_probox img {width: 55px;}
.topreviewbox h6 {font-size: 14px;}
.topreviewbox h4 {font-size: 18px;}
.courveicon4 {bottom: auto; left: auto; max-width: 70px; top: 60%; right: -5%;}
.courveicon2 {left: 12%; top: 18%;}
.courveicon3 {bottom: auto; top: 52%;}
.homeachivedata h2 {font-size: 22px; margin: 0 0 30px;}
.achivebox_col { align-items: start;}
.achiveicon { min-width: 80px;}
.achivedata h3 { font-size: 28px;}
.homeachive_sec { padding: 50px 0 0;}
.homeachivedata h4 { font-size: 18px;}
.seal_1 {height: 460px;}
.commenform {padding-bottom: 80px;}
.homeconnectform h4 {max-width: 100%; font-size: 18px; margin: 20px 0 20px;}
.homeconnectform {padding-left: 0px;}
/*Modal Start Project*/
.projectmodal .modal-header { padding: 45px 15px 10px; }
.projectmodal .modal-title { font-size: 19px; }
.projectmodal .modal-body { padding: 0 15px 30px; }
.projectmodal .commenform { padding-bottom: 0; }
/*Newsletter Modal*/
.modal.show .modal-dialog { max-width: 500px; }
.newsletter_row { flex-direction: column-reverse; }
.lettershape_box { width: 100%; padding-top: 20px; border-top-left-radius: 0; border-bottom-right-radius: 15px; }
.lettershape_box .img-fluid { margin-top: 0; }
.letterdata_box { width: 100%; padding: 50px 15px 25px; }
.letterdata_box > h2 { font-size: 20px; margin: 0 0 15px; }
.single.single-post #primary { padding-top: 67px; }

.Webinarsbody, .confirmationmsg .Webinarsbody, .confirmnewsletter-row { padding: 15px 15px; }
.Webinarsbody > h1 { font-size: 24px; }
.webinartimelist { border-top: 0; padding-top: 0; margin-top: 0; }
.webinartimelist li span, .webinarform-row .form-group label, .webinarform-row .form-group p { font-size: 15px; }
.webinartimelist li span:first-child { margin-right: 15px; }
.webinarform-row .halfbox, .webinarform-row .fullbox { width: 100%; }
.confirmdata-row h1, .aboutexperdata h2 { font-size: 22px; }
.confirmdata-row p, .newsletterdata p { font-size: 15px !important; line-height: inherit !important; }
.confirmnewsletter-row { padding: 25px 15px; }
.newsletterdata h2 { font-size: 20px; }
.newsletterdata h5 { font-size: 16px; margin: 0 0 10px; line-height: inherit; }


}


@media (max-width: 480px){
.mobilenavimg .img-fluid { max-width: 280px; }
.toglenavbar:after { width: 420px; height: 420px; bottom: -200px; right: -200px; }
.homeservices_sec { padding: 40px 0; }
.homeserviceicon, .achiveicon { min-width: 65px; }
.seal_1 { height: 350px; }


}