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

@charset "utf-8";
/* CSS Document */

::selection {
	background: #000; /* Safari */
	color:#fff;
}
::-moz-selection {
	background: #000; /* Firefox */
	color:#fff;
} 
 
/*
   font-family: "Montserrat", sans-serif;
   font-family: "Lato", sans-serif;
*/

	
* { margin:0; padding:0; outline:none;}
.container {  position:relative;}
body { margin:0; padding:0; font-family: "Lato", sans-serif; font-weight:400; line-height:normal; overflow-x: hidden; }
p { margin:0; padding:15px 0 0 0; font-family: "Lato", sans-serif; font-weight:400; font-size:16px; line-height:24px; color:#4A4A4A; }
p span { font-weight:600; color:#000;}
h1, h2, h3, h4, h5, h6  { margin:0; padding:0; font-weight:700; font-family: "Montserrat", sans-serif; color:#333;}
ul, li { margin:0; padding:0; font-family: "Lato", sans-serif;}
a { color:#000; text-decoration:none;}
a:hover  { text-decoration:none; color:#000;}
img { width:100%;}
.form-control:focus {box-shadow:none;}
.width_100 { float:left; width:100%;}
h1 { font-size:40px; line-height:48px;}
h2 { font-size:36px; line-height:42px }
h3 { font-size:24px; line-height:30px} 
h4 { font-size:20px; line-height:26px;}
h5 { font-size:18px; line-height:22px;}
h6 { font-size:16px; line-height:20px;}

.read_more_but { float:left; width:100%; padding:20px 0 0 0;}
.btn {display: inline-block; overflow: hidden; background: #52b09d; padding: 10px 25px; font-weight:600; border-radius: 30px; color: #fff; z-index: 1; position:relative; touch-action: manipulation; transition: all 0.5s ease 0s; font-family: "Montserrat", sans-serif;}
.btn::before {background:#fd6490; content: ""; height:100px; left:auto; position:absolute; top: 0; right:0; width:0; z-index: -1; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s;}
.btn:hover::before { width:100%; right:auto; left:0;}
.btn:hover { color:#fff; }

header { width:100%; z-index:999; position:relative;} 
nav .navbar-brand { padding:10px 0; max-width:100px;} 
nav .navbar-collapse {flex-grow:0;}
.f-nav { z-index: 9999; position: fixed; top: 0; width: 100%; background:#fff !important; box-shadow:0 1px 6px #CCC;}
/*.f-nav .navbar-brand { max-width:160px; padding:15px 0; transition: all 800ms ease;}*/
  
.navbar { padding:0;}
.navbar .navbar-nav .nav-item { padding:0 0;}
.navbar .navbar-nav .nav-link { padding:12px 15px; border-radius: 30px; margin:0 2px; font-size:16px; color:#333; }
.navbar .navbar-nav .nav-link:hover { color:#52b09d;  }
.navbar .navbar-nav .nav-link.active { color:#52b09d;  }
.navbar .navbar-nav .nav-link.brochure { background:#52b09d; padding:10px 25px; font-weight:bold; border-radius:30px; color:#fff; text-transform:uppercase;}
.navbar .navbar-toggler {border:1px solid #52b09d; background:url(../images/menu-icon.png) center center no-repeat; padding:4px 8px;}
.navbar .navbar-toggler:focus { box-shadow:none;}
.dropdown:hover .dropdown-menu {display: block; min-width:260px; z-index:9999; border-radius:0;}
.dropdown:hover .dropdown-menu li { padding:7px 15px;}
.dropdown:hover .dropdown-menu li a { font-size:16px; color:#333;} 
.dropdown:hover .dropdown-menu li a:hover { color:#52b09d;}
 
section { float:left; width:100%; background:#ffffff;}
.banner_top_bg { background:#fff; padding:50px 0;}
.banner_top_bg .carousel-caption { top:0; bottom: auto; left:0; right:0; text-align: left; display: flex; flex-wrap: wrap; align-items: center; padding:0; }
.banner_top_bg .carousel-item { height:450px;}
.banner_top_bg .banner_text { text-align:left; width:50%;} 
.banner_top_bg .banner_text .tag_line { font-size:14px; color:#969CB1;  margin:80px 0 20px 0;}
.banner_top_bg .banner_text .tag_line span { background:#F5F8FE; padding:5px 10px; border-radius:15px;}
.banner_top_bg .banner_text h1 { color:#333; max-width:480px; }
.banner_top_bg .banner_text p { padding:20px 0 0 0; max-width:510px;}
.banner_top_bg .banner_img { width:50%;} 
/*.banner_top_bg .carousel-control-prev { background:url(../images/aro-left.png) center center no-repeat; width:52px; height:52px; background-size:52px; top:43%; left:15px;}
.banner_top_bg .carousel-control-next { background:url(../images/aro-right.png) center center no-repeat; width:52px; height:52px; background-size:52px; top:43%; right:15px;}*/
.banner_top_bg .carousel-indicators { bottom:50px;}
.banner_top_bg .carousel-indicators [data-bs-target] { width:10px; height:10px; background:#222222; opacity:1; border-radius:50%; border:none; margin:0 6px;}
.banner_top_bg .carousel-indicators .active { background:#52b09d; opacity:1;}

.services_section_bg { float:left; width:100%; padding:80px 0;}
.title { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; position:relative;}
.title h2 {  margin-right:20px;}
.title h2 span { background:#333; color:#fff; border-radius:10px; padding:6px 14px;}
.title p { padding:0; color:#707070; font-size:20px; line-height:26px; max-width:570px; margin: 0 auto 0 0;}
.title .arrow { float:right; background:#52b09d; border-radius:50%; width:50px; height:50px;}
.title .arrow:hover { background:#fd6490;}
.services_box { float:left; width:100%; background:#fff; border:1px solid #333; box-shadow:0 4px 0 #333; border-radius:20px; margin-top:30px;  transition: box-shadow 0.3s ease-out, transform 0.3s ease-out, -webkit-box-shadow 0.3s ease-out, -webkit-transform 0.3s ease-out;}
.services_box a {  display:flex; align-items:center;  padding:30px; }
.services_box .text { width:65%; margin-right:5%;}
.services_box .icon { width:30%;}
.services_box .icon img { background:#52b09d; border-radius:50%;}
.services_box.colorbg { background:#52b09d; border:1px solid #52b09d; box-shadow:0 4px 0 #52b09d;}
.services_box.colorbg h4 { color:#fff;}
.services_box.colorbg p { color:#fff;}
.services_box:hover { -webkit-transform: translate(0, -4px); transform: translate(0, -4px); }

.home_aboutus_bg { float:left; width:100%; } 
.home_aboutus_bg .row { margin:0; background:#fffaec; padding:40px 30px; border-radius:20px; align-items: center;}
.about_left_img { width:100%;}
.about_left_img img { border-radius:20px;}
.about_right_text .row { padding:0;}
.about_right_text h4 { color:#52b09d; padding:15px 0 0 0;}
.about_right_text .abour_icon_box {display:flex; align-items:center; margin:15px 0 0 0;}
.about_right_text .abour_icon_box .icon img { background:#52b09d; border-radius:50%; width:66px; margin-right:15px;}
.about_right_text .abour_icon_box:hover .icon img { background:#fd6490;  }

.about_right_text .abour_icon_box .text h5 { color:#333333; font-weight:600; padding:0;  font-size:16px;}
.about_right_text .abour_icon_box .text p { font-size:16px; color:#797979; line-height:22px; padding:0;}
.about_right_text ul { list-style:none; padding:5px 0 0 0; margin:0;}
.about_right_text li { font-size:16px; color:#333; padding:10px 0 0 15px; background:url(../images/ellipse-icon.svg) left 18px no-repeat;}
.about_right_text .btn { margin-top:20px;}
 
.portfolio_section_bg { float:left; width:100%; padding:80px 0;}
.portfolio_box { float:left; width:100%; position:relative; overflow:hidden; margin-top:30px; border-radius:10px; text-align:center;}
.portfolio_box img { float:left; width:100%; border-radius:10px; transition: all 0.4s; transition: all 0.4s; scale: 1.05 ;}
.portfolio_box:hover img {transition: all 0.4s; scale: 1.00 ;  border-radius:10px;}
.portfolio_box .overlay { background:url(../images/projects-text-bg.png) left bottom repeat-x; width:100%; padding:10px 15px; float: left; border-radius:0 0 15px 15px; position: absolute; bottom:0; left:0;  transition: transform 0.3s ease; transform: translatey(100%); background-color: rgba(0, 0, 0, 0.5); height: 100%; overflow: hidden;} 
.portfolio_box .overlay h4 { color:#fff; text-align:center; padding:0;}
.portfolio_box .overlay p {display: flex; align-items: center; text-align: left; padding:12px 0 0 0; color:#fff; justify-content: space-between;}
.portfolio_box .overlay p img { width:40px; margin:0 auto; background:#52b09d; border-radius:50%;}
.portfolio_box:hover .overlay {transform:translatey(0); padding:32% 0 0 0;} 
.portfolio_box.witdh:hover .overlay {transform:translatey(0); padding:14% 0 0 0;} 
.portfolio_box.height:hover .overlay {transform:translatey(0); padding:77% 0 0 0; } 
.portfolio_box:hover .overlay h4 { padding:0;}

.how_it_works_section_bg { float:left; width:100%; text-align:center;}
.how_it_works_section_bg h4 { padding:15px 0 0 0; color: #52b09d;}
.how_it_works_section_bg p { padding:0;}
.how_it_works_box  { float:left; width:100%;  border:1px solid #52b09d; padding:25px 15px; box-shadow:0 4px 0 #52b09d; border-radius:20px; margin-top:30px;  transition: box-shadow 0.3s ease-out, transform 0.3s ease-out, -webkit-box-shadow 0.3s ease-out, -webkit-transform 0.3s ease-out; position:relative;}
.how_it_works_box:hover {  -webkit-transform: translate(0, -4px);  transform: translate(0, -4px);  border:1px solid #fd6490; box-shadow:0 4px 0 #fd6490;}
.how_it_works_box .number { background:#52b09d; position: absolute; right:0; bottom:0; width:54px; height:54px; color:#fff; font-size:30px; text-align: center; z-index:1; border-radius: 40px 0 10px 0; padding:10px 0 0 0; opacity:0.2; font-weight:700;}
.how_it_works_box:hover .number { opacity:1; background:#fd6490;}
.how_it_works_box .icon { width:80px; margin:0 auto 15px auto;}
.how_it_works_box .icon img { width:80px; background:#52b09d; border-radius:50%;}
.how_it_works_box:hover .icon img {  background:#fd6490; }


.get_in_touch_bg { float:left; width:100%; padding:80px 0;}
.get_in_touch_bg .row { background:#222; margin:0; border-radius:20px; padding:25px; align-items: center;}
.get_in_touch_bg h2 { color:#fff;}
.get_in_touch_bg p { color:#fff; padding:0;}
.get_in_touch_bg .btn { float:right;}

.pricing_section_bg { float:left; width:100%; text-align:center;}
.pricing_box { float:left; width:100%;  border:1px solid #52b09d; padding:30px 25px 40px 25px;  border-radius:20px; margin:30px 0 15px 0; position:relative; transition: box-shadow 0.3s ease-out, transform 0.3s ease-out, -webkit-box-shadow 0.3s ease-out, -webkit-transform 0.3s ease-out;}
.pricing_box:hover { -webkit-transform: translate(0, -4px); transform: translate(0, -4px); }
.pricing_box.colorbg { background:#52b09d;} 
.pricing_box .icon { max-width:90px; margin:0 auto;}
.pricing_box h5 { color:#333; padding:20px 0 0 0;}
.pricing_box h1 { padding:20px 0 0 0;} 
.pricing_box p { color:#333;}
.pricing_box ul { list-style:none; margin:0; padding:0;}
.pricing_box li { list-style:none; margin:0; padding:10px 0 0 20px; font-size:16px; line-height:22px; background:url(../images/check-icon1.svg) left 17px no-repeat; text-align:left;}
.pricing_box .arrow { background:#52b09d; border-radius:50%; width:40px; height:40px; position:absolute; bottom:-20px; left:0; right:0; margin:0 auto;}
.pricing_box .arrow:hover { background:#fd6490;}
.pricing_box.colorbg h5 { color:#fff;} 
.pricing_box.colorbg h1 { color:#fff;} 
.pricing_box.colorbg li { color:#fff; background:url(../images/check-icon2.svg) left 17px no-repeat;} 
.pricing_box.colorbg p { color:#fff;} 
.pricing_box.colorbg .arrow { background:#fd6490;}

.testimonials_home_bg { float:left; width:100%; background:#fffaec; padding:80px 0; margin-top:80px; text-align:center;}
.testimonials_home_bg .title h6 { text-align:center; justify-content: center; color:#fff;}
.testimonials_home_bg .title h2 { text-align:center; color:#3F92D1;} 
.testimonials_box { float:left; width:100%; background:#fff; text-align:center; border:1px solid #333; padding:30px; box-shadow:0 4px 0 #333; border-radius:20px; margin:30px 0 10px 0;}
.testimonials_box .quoteicon { width:86px; margin:0 auto;}
.testimonials_box p { font-size:20px; line-height:30px; color:#333; }
.testimonials_box h5 { color:#333; padding:20px 0 0 0;}
.testimonials_slider { max-width:920px; margin:0 auto 20px auto !important;}
.testimonials_slider .slick-dots { bottom:-25px; left:0; right:0; width: auto;}
.testimonials_slider .slick-dots li { width:10px; height:10px; margin:0 5px;}
.testimonials_slider .slick-dots li button { background:#ccc; width:10px; height:10px; border-radius:50%;}
.testimonials_slider .slick-dots li.slick-active button { background:#52b09d;}
/*.testimonials_slider .slick-next { background:url(../images/arrow-right.svg) right center no-repeat; width:38px; height:38px; background-size:38px; top:45%; right:-15px;}
.testimonials_slider .slick-prev { background:url(../images/arrow-left.svg) left center no-repeat; width:38px; height:38px; background-size:38px;  top:45%; left:-15px; }
.testimonials_slider .slick-next:before { display:none;}
.testimonials_slider .slick-prev:before { display:none;}*/
  
footer { float:left; width:100%; background:#222222; padding:70px 0 0 0; position:relative;}
.footer_box { float:left; width:100%; padding:30px 0 0 0;}  
.footer_box h5 { float:left; width:100%; font-size:24px; color:#fff; position:relative; margin-bottom:20px; }
.footer_box p { float:left; width:100%; font-size:16px; line-height:22px; text-align:left; color:#fff; padding:15px 0 0 0;}
.footer_box p i { float:left; font-size:18px; color:#52b09d; padding:2px 5px 0 0;}
.footer_box p i.fa-location-dot{ font-size:22px; margin-bottom:22px;}
.footer_box p a {color:#fff;}
.footer_box p a:hover { color:#fff;}
.footer_box .left_icon a { margin-top:25px; color:#fff; font-size:22px; margin-right:20px; text-align:center; float:left;}
.footer_box .left_icon a:hover { color:#52b09d; }
.footer_box ul { float:left; width:50%; list-style:none; padding:7px 0 0 0; margin:0;}
.footer_box li { float:left; width:100%; list-style:none; padding:8px 0 8px 0; margin:0;}
.footer_box li a { float:left; font-size:16px; color:#fff; padding:0 0 0 14px; background:url(../images/ellipse-icon.svg) left 7px no-repeat;}
.footer_box li a:hover { color:#52b09d;}
.footer_newsletter_box { float:left; width:100%; position:relative; margin:15px 0;}
.footer_newsletter_box .newsletter_input { float:left; width:100%; padding:0 0 0 20px; background:#fff; font-size:15px; color:#333; height:54px; border:none; border-radius:5px;}
.footer_newsletter_box .btn { margin-top:15px; padding:12px 30px; text-transform:uppercase;}
.copyright_text_bottom { float:left; width:100%; text-align:center; color:#AAAAAA; border-top:1px solid #C9C9C9; font-size:14px; padding:25px 0; margin-top:80px; } 
 
.inner_page_title_bg {float:left; width:100%; background-size:cover !important;  padding:130px 0; position:relative;}
.inner_page_title_bg:before { content:''; position:absolute; width:100%; height:100%; left:0; top:0; background-color:rgba(0, 0, 0, 0.5);}
.inner_page_title_bg h1 { float:left; width:100%; text-align:center;   color:#fff; z-index:2; position:relative;}
.inner_page_title_bg .header_link { float:left; width:100%; text-align:center; font-size:16px; color:#fff; padding:10px 0 0 0;}
.inner_page_title_bg .header_link a { text-align:center; font-size:16px; color:#fff;}
.inner_page_title_bg .header_link span { text-align:center; font-size:16px; padding:0 15px; color:#fff;}

.about_page_main { float:left; width:100%; padding:65px 0 0 0;}
.our_story_bg { float:left; width:100%; padding:0;}
.our_story_bg .row { align-items: center;}
.our_story_bg .image { float:left; width:100%; margin-top:40px;}
.our_story_bg .image img{ float:left; width:100%; border-radius:20px;}
.our_story_bg .text { float:left; width:100%; margin-top:40px;}
.our_story_bg .text ul { list-style:none; padding:5px 0 0 0; margin:0;}
.our_story_bg .text li { font-size:16px; color:#333; padding:10px 0 0 15px; background:url(../images/ellipse-icon.svg) left 15px no-repeat;}
.our_story_bg .text h4 { padding:15px 0 0 0;}
.our_story_bg .text .btn { margin:15px 10px 0 0;}

.vision_mission_section_bg { float:left; width:100%; padding:50px 0 0 0; }
.what_sets_apart_bg { float:left; width:100%; background:#fffaec; padding:50px 0 80px 0; margin:80px 0;}
.what_sets_apart_bg .text { margin-top:30px;}
.what_sets_apart_bg .image { margin-top:30px;}
.what_sets_apart_bg .step_box {display:flex; align-items:center; margin:15px 0 0 0;}
.what_sets_apart_bg .step_box .number { min-width:100px; height:100px; margin-right:15px; padding-right:10px; border-left: 1px solid #52b09d; border-bottom: 1px solid #52b09d; position:relative; font-size: 36px; text-align:center; line-height:100px; font-weight:700; color:#52b09d;}
.what_sets_apart_bg .step_box .number:before { content: "";  width: 100px; height: 100px; position:absolute; left: -10px; top:10px; border-top: 1px solid #52b09d; border-right: 1px solid #52b09d;}
.what_sets_apart_bg .step_box .date_box h5 { color:#333333; font-weight:600; padding:0;  font-size:16px;}
.what_sets_apart_bg .step_box .date_box p { font-size:16px; color:#797979; line-height:22px; padding:0;}

.team_members_bg { float:left; width:100%; text-align:center; padding:0; background:#fffaec; padding:80px 0; margin-top:80px;}
.team_member_box { margin-top:30px; background:#fff; border:1px solid #e6e6e6; overflow:hidden; transition: all 0.4s; transition: all 0.4s; scale: 1.0 ; border-radius:10px;}
.team_member_box .img { overflow:hidden; width:100%; border-radius:10px 10px 0 0;}
.team_member_box:hover img {transition: all 0.4s; scale: 1.05; border-radius:10px 10px 0 0;}
.team_member_box h4 { padding:20px 10px 0 10px;}
.team_member_box p { padding:10px 0 15px 0;} 

.our_clients_bg { padding:40px 0 80px 0;}
 
.services_page_main { float:left; width:100%; padding:40px 0 0 0;}
.services_page_main .services_section_bg { padding:50px 0 0 0;}
.services_page_main .home_aboutus_bg { padding:80px 0;}
.services_inner_page_main { float:left; width:100%; padding:40px 0 0 0;}
.services_inner_page_main .our_story_bg.bottom { padding:40px 0 80px 0;}

.pricing_page_main  { float:left; width:100%; padding:40px 0 80px 0;}
.pricing_page_main .pricing_section_bg { padding:80px 0;}
.pricing_page_main .how_it_works_section_bg { padding-bottom:40px;}

.what_we_deliver_tab_bg { float:left; width:100%; padding:80px 0;}
.what_we_deliver_tab_bg h2 { text-align:center;}
.what_we_deliver_tab_bg .align-items-start { margin-top:20px; align-items: center !important;}
.what_we_deliver_tab_bg .nav-pills { width:68%; margin-right:2%;}
.what_we_deliver_tab_bg .tab-content { width:30%;}
.what_we_deliver_tab_bg .nav-link { margin:0; padding:20px; border:1px solid #ccc; margin-top:10px; font-size:20px; font-weight:bold; text-align:left; color:#333; }
.what_we_deliver_tab_bg .nav-link i { float:right; transform: rotate(-45deg); transition:.15s;}
.what_we_deliver_tab_bg .nav-link.active { background:#52b09d;  border:1px solid #52b09d;}
.what_we_deliver_tab_bg .nav-link.active i {transform: rotate(0) !important;}
.what_we_deliver_tab_bg .we_deliver_img { float:left; width:100%; margin-top:10px;}
.what_we_deliver_tab_bg .we_deliver_img img { float:left; width:100%; border-radius:10px;}

.portfolio_page_main { float:left; width:100%; padding:50px 0 80px 0;}
.portfolio_page_main .nav-tabs { border:none; justify-content: center;}
.portfolio_page_main .nav-tabs .nav-link {background:#333; color:#fff;  border-radius:40px; font-size:18px; font-weight:700; border:none; padding:10px 25px; margin:15px 4px 0 4px;}
.portfolio_page_main .nav-tabs .nav-link.active {background: #52b09d;}

.blog_page_main { float:left; width:100%; padding:50px 0 80px 0;}
.news_box_bg {float:left; width:100%; margin-top:30px; overflow:hidden; border-radius:10px;}
.news_box_bg img {  width:100%;  border-radius:10px;}
.comments_text { font-size:14px; color:#6A6A6A; padding:15px 0 0 0;}
.comments_text i { color:#52b09d; margin-right:5px;} 
.comments_text span { padding-right:25px;}
.news_box_bg h4 { margin:10px 0 0 0; font-weight:700; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}  
.news_box_bg h4 a:hover { color:#52b09d;}

.our_news_detail_text { float:left; width:100%; margin-top:30px; }
.our_news_detail_text .new_img { float:left; width:100%; position:relative;}
.our_news_detail_text .new_img img { border-radius:10px;}
.our_news_detail_text .comments_text { float:left; width:100%; padding:15px 0 0 0;}
.our_news_detail_text h4{ float:left; width:100%; padding:15px 0; font-size:22px; font-weight:700;}
.our_news_detail_text h5{  padding:15px 0 0 0; font-size:18px; }
.our_news_detail_text ul { padding:8px 0 0 0; list-style:none;}
.our_news_detail_text ul li { background: url(../images/ellipse-icon.svg) left 17px no-repeat;  padding:10px 0 0 15px; font-size:16px; font-weight:400; color:#677078;}
.our_news_detail_text ol  { padding:0 0 0 20px; margin:0; }
.our_news_detail_text ol li { background:none;  padding:10px 0 0 5px; font-size:18px; font-weight:700; }
  
.blog_left_bg { float:left; width:100%; background:#fff;  margin-top:30px; padding:0 20px; border:1px solid #DDDDDD; border-radius:10px;}
.blog_left_bg h2 {   padding:20px 0 0 0;   font-size:22px; }
.blog_left_bg ul { float:left; width:100%; list-style:none; margin:10px 0; padding:0;}
.blog_left_bg li { float:left; width:100%; list-style:none;  padding:12px 0;}
.blog_left_bg li a { float:left; font-size:16px; color:#000; background: url(../images/cat-arrow.svg) left 5px no-repeat; padding:0 0 0 20px; }
.blog_left_bg li a:hover { color:#52b09d;}
.blog_left_bg .blog_img_box { display:flex; align-items:center; width:100%; border-bottom: 1px solid #D9D9D9; padding:20px 0;}
.blog_left_bg .blog_img_box:last-child { border:none;}
.blog_left_bg .blog_img_box .img img { width:115px; margin-right:20px;}
.blog_left_bg .blog_img_box .img img:hover { opacity:0.8;}
.blog_left_bg .blog_img_box .text p { color:#A8A8A8; padding:0; font-size:14px;}
.blog_left_bg .blog_img_box .text h5 { line-height:20px;}
.blog_left_bg .blog_img_box .text h5 a { color:#333; padding:0; font-size:14px; line-height:18px; font-weight:600;}
.blog_left_bg .blog_img_box .text h5 a:hover { color:#52b09d;} 

.contact_page_main { float:left; width:100%; padding:50px 0 0 0;}
.contact_box_text { float:left; width:100%; text-align:center; margin-top:30px; }
.contact_box_text .icon { width:100px; margin:0 auto;}
.contact_box_text .icon img { background:#52b09d; border:2px solid #52b09d; border-radius:50%;}
.contact_box_text:hover .icon img { background:#fd6490; border:2px solid #fd6490; border-radius:50%;}

.contact_box_text h3 { float:left; width:100%; font-size:22px;  padding:15px 0 0 0; color:#000; text-align:center; text-transform:uppercase;}
.contact_box_text p { float:left; width:100%; font-size:18px; color:#000; text-align:center; padding:10px 0 0 0;}
.contact_page_main .form-label { float:left; width:100%; padding:20px 0 0 0;}
.contact_page_main .form-control { float:left; width:100%; font-size:16px; color:#000; background:#fff; border:1px solid #ccc; min-height:50px; padding:15px; margin-top:0; border-radius:5px;}
.contact_page_main .form-select { float:left; width:100%; font-size:16px; color:#000; background-color:#fff; border:1px solid #ccc; min-height:50px; padding:15px; margin-top:0; border-radius:5px;}
.contact_page_main .btn { float:none; margin-top:20px; }
.contact_map { float:left; width:100%; margin-top:80px;}

.getaquote_popup .modal-body { padding:0 20px 20px 20px;}
.getaquote_popup .modal-title { color:#000; font-size:24px !important; text-align:left;}
.getaquote_popup .form-label { float:left; width:100%; padding:20px 0 0 0;}
.getaquote_popup .form-control { float:left; width:100%; font-size:16px; color:#000; background:#fff; border:1px solid #ccc; min-height:40px; padding:8px 15px; margin-top:0; border-radius:5px;} 
.getaquote_popup .form-select { float:left; width:100%; font-size:16px; color:#000; background-color:#fff;  border:1px solid #ccc; min-height:40px; padding:8px 15px; margin-top:0; border-radius:5px;}
.getaquote_popup .btn { float:left; margin-top:15px;}

.faq_page_main { float:left; width:100%; padding:70px 0 80px 0;} 
.faq_question { max-width:1000px; margin:0 auto;  }
.faq_question .accordion-item { border:none; margin-top:10px;  border:1px solid #ececec;}
.faq_question .accordion-button { background:#fff; font-weight:600; font-size:18px; line-height:24px; color:#000; }
.faq_question .accordion-button:not(.collapsed) { background:#52b09d!important; color:#fff !important; padding:15px 20px;}
.faq_question .accordion-button::after { background-color:#fff; border-radius:50%; background-position: center center; background-size:14px;}
.faq_question .accordion-button:focus {   box-shadow:0 0 5px #e8e8e8;}
.faq_question .accordion-body { padding:0 20px 20px 20px;} 
.faq_question .accordion-button::after { background:url(../images/plus-icon.svg) right center no-repeat; width:24px; height:24px; background-size:14px;}
.faq_question .accordion-button:not(.collapsed)::after {background:url(../images/minus-icon.svg) right center no-repeat; width:24px; height:24px; transform: rotate(0); background-size:14px; }
.faq_question .accordion-body p {color:#333; padding:15px 0 0 0; font-size:16px; line-height:24px;}
.faq_question .accordion-body ul { list-style:none; padding:5px 0 0 0; margin:0;}
.faq_question .accordion-body li { font-size:16px; color:#333; padding:10px 0 0 15px; background:url(../images/ellipse-icon.svg) left 18px no-repeat;}

 
@media (min-width:1100px) {
.container, .container-lg, .container-md, .container-sm, .container-xl { max-width:1230px;}
}
 

@media only screen and (min-width:220px) and (max-width:1540px) { 

}

@media only screen and (min-width:220px) and (max-width:1240px) { 
 
}

@media only screen and (min-width:220px) and (max-width:1120px) { 
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { padding-right: var(--bs-gutter-x, 20px); padding-left: var(--bs-gutter-x, 20px);}
.navbar .navbar-nav .nav-link { padding:12px 7px;}
 }

@media only screen and (min-width:220px) and (max-width:1060px) { 
h1 { font-size:36px; line-height:42px;}
h2 { font-size:30px; line-height: 34px; width:100%;} 
.title p { margin:20px auto 0 0;} 
.title .arrow { position:absolute; top:0; right:0; width:40px; height:40px;}
}

@media only screen and (min-width:220px) and (max-width:991px) { 
nav .navbar-brand { padding:10px 0;}
.navbar .navbar-nav .nav-link { padding:8px 0;}
.banner_top_bg {padding:0;}
.banner_top_bg .carousel-item { height:900px;}
.banner_top_bg .banner_text { width:100%;} 
.banner_top_bg .banner_img { width:80%; margin:15px auto 0 auto;} 
.banner_top_bg .banner_text h1 { text-align:center; margin:0 auto;}
.banner_top_bg .banner_text h4 { text-align:center;}
.banner_top_bg .banner_text p { text-align:center; margin:0 auto;}
.banner_top_bg .read_more_but { text-align:center;}
.title p { font-size:16px; line-height:22px;}
.home_aboutus_bg .row { gap:20px;}
}
 
@media only screen and (min-width:220px) and (max-width:860px) {
.banner_top_bg .carousel-item { height:850px;}
.services_section_bg { padding:40px 0;} 
.home_aboutus_bg .row { padding:30px 15px;}
.about_right_text .row { padding:0;}
.portfolio_section_bg { padding:40px 0;}
.get_in_touch_bg {  padding:40px 0;}
.testimonials_home_bg { padding:40px 0; margin-top:40px; }
footer { padding:0;}
.footer_box { padding:40px 0 0 0;}
.copyright_text_bottom {margin-top:30px;}
.what_sets_apart_bg { padding:10px 0 40px 0; margin:40px 0;}
.team_members_bg { padding:40px 0; margin-top:40px;}
.services_page_main {  padding:0;}
.services_page_main .services_section_bg { padding:10px 0 0 0;}
.services_page_main .home_aboutus_bg { padding:40px 0;}
.services_inner_page_main { float:left; width:100%; padding:0;}
.services_inner_page_main .our_story_bg.bottom { padding:0 0 40px 0;}
.what_we_deliver_tab_bg { padding:40px 0;}
.portfolio_page_main {padding:10px 0 40px 0;}
.blog_page_main {padding:10px 0 40px 0;}
.contact_page_main { padding:10px 0 0 0;}
.contact_map { margin-top:40px;}
.pricing_page_main { padding:0 0 40px 0;}
.pricing_page_main .pricing_section_bg { padding:40px 0;}
.pricing_page_main .how_it_works_section_bg { padding-bottom:0;}
.faq_page_main { padding:30px 0 40px 0;} 

}

@media only screen and (min-width:220px) and (max-width:768px) {
h1 { font-size:26px; line-height: 32px;} 
h2 { font-size:24px; line-height: 28px;} 	
h3 { font-size:18px;  line-height:22px;} 	
h4 { font-size:16px; line-height:22px;}
h6 { font-size:16px; line-height:22px;}
.banner_top_bg .carousel-item { height:750px;}
.get_in_touch_bg { text-align:center;}
.get_in_touch_bg .row { padding:25px 10px;}
.get_in_touch_bg .btn { float:none; margin: 15px 0 0 0;}
.footer_box h5 { margin-bottom:0;}
.our_clients_bg { padding:0 0 40px 0;}
}

@media only screen and (min-width:220px) and (max-width:620px) {
.banner_top_bg .banner_img { width:100%; margin:15px auto 0 auto;} 
.home_aboutus_bg .row { padding:20px 5px;}
}

@media only screen and (min-width:220px) and (max-width:520px) {
.banner_top_bg .carousel-item { height:680px;}
.services_box a { padding:20px;}
}

@media only screen and (min-width:220px) and (max-width:480px) {
.banner_top_bg .carousel-item { height:650px;}
}