@import url('https://pro.fontawesome.com/releases/v6.0.0-beta3/css/all.css');
html{font-size: 62.5%;}
body{ width:100%; padding: 0; margin: 0; font: 400 1.6rem/1.2 var(--black);  }
img{ display: inline-block; }
/*h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; text-transform:capitalize; }*/
h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0;}
a{ padding: 0; margin: 0; outline:none; text-decoration: none; display: inline-block; }
a{-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s; font-size: 1.6rem; font-family: var(--body_font); }
ul, ol, li{ padding:0; margin:0; list-style:none; }
/*__________________________ custom_short css_start ____________*/
.ptb{ padding: 6rem 0; } 
.pt-0{ padding-top: 0; }
.pb-0{ padding-bottom: 0; }
.mt-0{ margin-top: 0; }
.mb-0{ margin-bottom: 0; }
.text_center{ text-align: center; }
.text_white{ color: var(--white); }
.text_black{ color: var(--black); }
.text_left{ text-align: left; }
span, em{ font-style: normal; font-family: var(--body_font); display: block; font-size: 1.6rem; }
/*p{ font: 400 1.6rem/1.8 var(--body_font); color:var(--body_text_color); letter-spacing:.1rem; text-transform: capitalize; }*/
/*h4{font-size: 2.8rem; line-height: 1.2; text-transform: capitalize; color: var(--black); font-family: var(--head_font); }*/
/*h5{font-size: 2.5rem; line-height: 1.2; text-transform: capitalize; color: var(--black); font-family: var(--head_font); }*/
/*h1, h2, h3{font-size: 4.5rem; line-height: 1.2; text-transform: capitalize; color: var(--black); font-weight: 600; font-family: var(--head_font); }*/


p{ font: 400 1.6rem/1.8 var(--body_font); color:var(--body_text_color); letter-spacing:.1rem;}
h4{font-size: 2.8rem; line-height: 1.2; color: var(--black); font-family: var(--head_font); }
h5{font-size: 2.5rem; line-height: 1.2; color: var(--black); font-family: var(--head_font); }
h1, h2, h3{font-size: 4.5rem; line-height: 1.2; color: var(--black); font-weight: 600; font-family: var(--head_font); }


/*__________________________ custom_short css____________*/
:root{ 
    --second_brand: #DF063C; 
	--brand: #1967D2; 
	--body_text_color: #434343;
	--white: #fff; 
	--black: #000; 
	--body_font: 'Roboto', sans-serif;
	--head_font: "Noto Serif";
	/*--graident: linear-gradient(90deg,rgba(5, 217, 171, 1) 0%, rgba(5, 170, 244, 1) 100%);*/

}



/*__________________________ bottom_to_top css_start _________________________________________*/

#button { display: inline-block; background:  var(--second_brand); width: 5rem; height: 5rem; text-align: center; border-radius: 100%; position: fixed; bottom: 3rem; right: 3rem; transition: background-color .3s, opacity .5s, visibility .5s; opacity: 0; visibility: hidden; z-index: 1000; }
#button::after { content: "\f148"; font-family: FontAwesome; font-weight: normal; font-style: normal; font-size: 2rem; line-height: 5rem; color: #fff; }
#button:hover { cursor: pointer; background: var(--brand); }
#button:active { background-color: #555; }
#button.show { opacity: 1; visibility: visible; }

/*__________________________ bottom_to_top css_end _________________________________________*/
/*__________________________ custom_btn css_start _________________________________________*/

.custom-btn { background-color: var(--brand); color: #fff; font-weight: 500; padding: 1.5rem 3rem; text-transform: uppercase; font-size: 1.6rem; line-height: 1; position: relative; overflow: hidden; text-align: center; z-index: 1; border-radius: .5rem; }
.custom-btn:hover{ color:var(--white); background: var(--second_brand); }
.custom-btn::before { content: ""; position: absolute; background: var(--white); top: 0; left: -1.6rem; z-index: -1; right: 0; bottom: 0; width: 130%; height: 0%; margin: auto; transform: rotate(-45deg); background: var(--second_brand); transition: 700ms cubic-bezier(0.52, 1.64, 0.37, 0.66); }


/*__________________________ custom_btn css_end _________________________________________*/



/*________________________________________________________________________ header_css_start ___________________________________________________________________________________*/
h2{ color:var(--black); }
h2 em{ position:relative; margin-bottom: 1.5rem; text-transform:uppercase; color:var(--white); font-size: 1.4rem; line-height: 1.2rem; font-weight: 600; padding: 1rem 2rem; border-radius:10rem; background: var(--second_brand); width:fit-content; }
h2 span{ color:var(--brand); font-size: 4.5rem; display:inline-block;  }


/*________________________________________________________________________ header_sec start ___________________________________________________________________________________*/

.header_sec.fixed { position:fixed; top: 0; width:100%; z-index: 999999999; box-shadow:rgba(0, 0, 0, .3) 0 0 1rem; }
.header_sec.fixed .nav_sec{ background: var(--white); box-shadow:rgba(0, 0, 0, .3) 0 0 1rem; }
.header_sec.fixed .nav_sec .navbar .navbar-nav li a{ color:var(--black); }

/*===========bottom_header==============*/
.header_sec .nav_sec{ padding: .5rem 0; border-bottom:.1rem solid rgba(255, 255, 255, 1.0);  }
.header_sec .nav_sec .navbar .navbar-brand{ position:absolute; left:0;  }
.header_sec .nav_sec .navbar .navbar-brand img{ width:20rem; }
.header_sec .nav_sec .navbar .header_btn{ position:absolute; right:0; }
.header_sec .nav_sec .navbar .navbar-nav li a{ color:var(--black); font-weight: 600; font-size: 1.8rem; padding: 1.5rem 2rem; }
.header_sec .nav_sec .navbar .navbar-nav li.active a{ color:var(--second_brand);  }
/*.header_sec .nav_sec .navbar .navbar-nav{ margin-left: 37rem; }*/

.header_sec .nav_sec .navbar-expand-lg .navbar-collapse{ justify-content:center; }



/*________________________________________________________________________ banner_sec_start ___________________________________________________________________________________*/
.banner_sec { background: #ECF2F0; position:relative; overflow:hidden; }
.banner_sec .images_content{ position:relative;  height:70rem; align-content:center; }
/*.banner_sec .images{ position:absolute; top: 50%; transform: translateY(-50%); left:0; }*/
.banner_sec .images img{ width: 50rem !important; }
.banner_sec .images_content .text_content{ align-content:center; }
.banner_sec .images_content .text_content h2{ font-size: 8rem; padding-bottom: 4rem; }
.banner_sec form{ display: flex; align-items: center; background: #fff; border-radius: 1rem; padding: 2.5rem 2rem; box-shadow: 0 .2rem .8rem rgba(0,0,0,0.05); max-width: 70rem; width: 100%; gap: 0 2rem; margin-top: 4rem; }
.banner_sec form .input-group{ position:relative; }
.banner_sec form .input-group .form-control{ height:5rem; width:100%; padding-left: 2rem; font-family: var(--body_font); font-size: 1.6rem; color:var(--black);  }
.banner_sec form .input-group .form-select{ height:5rem; width:100%; padding-left: 2rem; font-family: var(--body_font); font-size: 1.6rem; color:var(--black);  }
.banner_sec form .button_block a{ width:13rem; padding: 1.5rem 1.5rem; }
.banner_sec form .input-group .icon{ position:absolute; right:1.5rem; top: 1.5rem; cursor:pointer; }
.banner_sec form .input-group .icon i{ font-size: 2rem; color:var(--second_brand); }
.banner_sec .ani_image{ position:absolute; bottom:18rem; left:10rem;  }
.banner_sec .ani_image img{ width:30rem !important; animation: mover 0.5s infinite  alternate; }
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateX(30px); }
}


.banner_sec .form_block{ margin-top: 3rem; }
.banner_sec .form_block .call_banner { background: var(--second_brand); padding: 1.5rem 3rem; border-radius:1rem; } 
.banner_sec .form_block .call_banner span i{ font-size: 4rem; color:var(--white); padding-right: 2rem; animation: hithere 2s ease infinite; }
.banner_sec .form_block .call_banner em{ font-size: 4rem; color:var(--white); }


@keyframes hithere {
  30% { transform: scale(1.2); }
  40%, 60% { transform: rotate(-20deg) scale(1.2); }
  50% { transform: rotate(20deg) scale(1.2); }
  70% { transform: rotate(0deg) scale(1.2); }
  100% { transform: scale(1); }
}


/*________________________________________________________________________ upload_sec start ___________________________________________________________________________________*/

.upload_sec{ padding-top: 6rem; }
.upload_sec .upload_box{ background: #FDE7DE; border-radius:2rem; padding: 2rem 0 2rem 4.5rem; display:flex; align-items:center; justify-content:center; }
.upload_sec .upload_box .text_content h3{ font-size: 3.4rem; color:var(--black); font-weight: 600;  }
.upload_sec .upload_box .text_content p{ font-size: 1.6rem; padding: 2rem 0;  }
.upload_sec .upload_box .text_content a{ border-radius:10rem; background: var(--second_brand); }
.upload_sec .upload_box .text_content a:hover{ background: var(--brand); }
.upload_sec .row{ margin: 0 -2rem; }
.upload_sec .row .upload_paddi{ padding: 0 2rem; }


/*________________________________________________________________________ about_sec_start ___________________________________________________________________________________*/

.about_sec { position:relative; z-index: 1; overflow:hidden; padding-bottom: 10rem; }
.about_sec::before{ position:absolute; content:""; background: url(../images/home_ab_bg.png) repeat ; right; width:100%; height:100%; top: 0; left:0; z-index: -1; opacity:.15; }
.about_sec .text_under_box .images{ position:relative; }
.about_sec .text_under_box .images img{ height:auto; object-fit:cover; border-radius:1rem; }
.about_sec .text_under_box .images .ani_block { position:absolute; bottom:-8rem; left:-8rem; background: #006cffbf; backdrop-filter: blur(10rem); padding: 2.5rem; text-align:center; animation-name: float-bob; animation-duration: 3s; animation-iteration-count: infinite; animation-timing-function: linear; border-radius:1rem; }

.about_sec .text_under_box{ margin-left: 7rem; margin-right: 3rem; }
.about_sec .text_under_box_slider .box{ background: #1C2C34; text-align:center; padding: 8rem 4rem; height: 42rem;}
.about_sec .left_text p{ padding: 2rem 0 0 0; text-transform:inherit; }
.about_sec .left_text a{ margin-top: 3rem; }

.about_sec .text_under_box .ab_last_btn{ display:none; }


/*________________________________________________________________________ upload_sec start ___________________________________________________________________________________*/

.explore_job h2{ text-align:center; }
.explore_job p{ padding-top: 2rem; text-align:center; }
.explore_job .explore_job_box .explore_item span{ width:10rem; height:10rem; border-radius:1rem; background: var(--second_brand); display:flex; align-items:center; justify-content:center; }
.explore_job .explore_job_box .explore_item img{ width:6rem; }
.explore_job .explore_job_box .explore_item{ gap: 0 2rem; background: var(--white); box-shadow:rgba(0, 0, 0, .2) 0 0 1rem; padding: 1.5rem; border-radius:1rem; margin-top: 3rem;  }
.explore_job .explore_job_box .explore_item .text a{ font-size: 2.4rem; color:var(--black); font-weight: 600; padding-bottom: 1rem; }
.explore_job .explore_job_box .explore_item .text a:hover{ color:var(--second_brand); }
.explore_job .row{ margin: 0 -2rem; }
.explore_job .row .explore_job_paddi{ padding: 0 2rem; }



/*________________________________________________________________________ cta_one_sec start ___________________________________________________________________________________*/

.cta_sec_one{ background: var(--brand); position:relative; z-index: 1; }
.cta_sec_one::before{ position:absolute; content:""; top: 0; left:0; width:100%; height:100%; background: url(../images/cta_one_bg.jpg) ; z-index: -1; opacity: .03;  }
.cta_sec_one .left_text{ margin-right: 2rem; }
.cta_sec_one .left_text h2{ color:var(--white); }
.cta_sec_one .right_info ul{ gap: 0 4rem; justify-content:end; }
.cta_sec_one .right_info ul li{ color:var(--white); gap: 0 2rem; }
.cta_sec_one .right_info ul li .icon i{ color:var(--white); font-size: 2.5rem; }
.cta_sec_one .right_info ul li .con_info_text { font-size: 2.5rem; font-weight: 400; font-family: var(--body_font); }
.cta_sec_one .right_info ul li .con_info_text em{ font-size: 1.8rem; padding-bottom: .5rem; }
.cta_sec_one .container{ max-width:100%; padding: 0 15rem; }



/*________________________________________________________________________ job_offer_sec start ___________________________________________________________________________________*/

.job_offer_sec .job_offer_box{ margin-top: 3rem; background: var(--white); padding: 2rem; border-radius:1rem; box-shadow:rgba(0, 0, 0, .2) 0 0 1.5rem;  }
.job_offer_sec .job_offer_box .icon_box{ gap: 0 2rem; padding-bottom: 2rem; }
.job_offer_sec .job_offer_box .icon_box span img{ width: 7rem;  }
.job_offer_sec .job_offer_box .icon_box .text_box a h3{ font-size: 2rem; color:var(--black); font-weight: 600; font-family: var(--body_font); transition:all .4s ease; }
.job_offer_sec .job_offer_box .icon_box .text_box ul { gap: 0 2rem; margin-top: 1rem; }
.job_offer_sec .job_offer_box .icon_box .text_box ul li em{ font-size: 1.4rem; color:var(--second_brand); font-weight: 500; }
.job_offer_sec .job_offer_box .icon_box .text_box a:hover h3{ color:var(--second_brand); }
.job_offer_sec .job_offer_box .detail_block{ margin-top: 2rem; border-top:.1rem dashed rgba(0, 0, 0, .2); padding-top: 2rem; display:flex; align-items:center; justify-content:space-between; }
.job_offer_sec .job_offer_box .detail_block a{ color:var(--second_brand); border-bottom:.2rem solid var(--second_brand); padding-bottom: .1rem; font-size: 1.8rem;  }
.job_offer_sec .job_offer_box .detail_block a i{ color:var(--second_brand); padding-left: .5rem; transition:all .5s ease; }
.job_offer_sec .job_offer_box .detail_block a:hover i{ transform:rotate(360deg); }
.job_offer_sec .offer_job_btn { text-align:center; margin-top: 3rem; }
.job_offer_sec .offer_job_btn a{ background: var(--second_brand); padding: 1rem 2rem; border-radius:1rem; color:var(--white);}
.job_offer_sec .offer_job_btn a:hover{ background: var(--brand);  }


/*______________________________________________________________________ feedback_sec start ________________________________________________________________________________*/

.feedback_sec{ background: #F8F5F0; position:relative; z-index: 1; }
.feedback_sec::after{ content: ""; position:absolute; background: url(../images/feedback_bg_2.png) repeat; top: 0 ; left:0 ; width:100%; height:100%; z-index: -1; opacity:.06; }
.feedback_sec .feedback_box{ background: #fff; padding: 3rem; margin-top: 3rem; box-shadow:rgba(0, 0, 0, .15) 0 0 1rem; margin: 3rem 1.5rem; }
.feedback_sec .feedback_box .info_dtel{ margin-top: 2rem; gap: 0 2rem; border-top:.1rem solid rgb(170 132 83 / 35%);padding-top: 2rem; }
.feedback_sec .feedback_box .info_dtel .image img{ width:6rem; height:6rem; object-fit: cover; border-radius:100%; }
.feedback_sec .feedback_box .info_dtel .text em{ font-size: 2rem; color:var(--black); font-weight: 600; }
.feedback_sec h2 em::before{ position:inherit; left:inherit; bottom:inherit; background: none; }
.feedback_sec .feedback_box .star{ gap: 0.5rem; background: var(); padding: 1rem 1rem; border-radius:.5rem; width:fit-content; margin: 2rem 0; border:.2rem solid #F6C800; }
.feedback_sec .feedback_box .star i{ font-size: 1.6rem; color:#F6C800; }
.feedback_sec .owl-nav{ display:none; }
.feedback_sec .owl-dots{ display:flex; justify-content:center; gap: 0 1rem; }
.feedback_sec .feedback_box .info_dtel .info_deal_content{ gap: 0 2rem; }

/*________________________________________________________________________ footer_sec start ___________________________________________________________________________________*/

.footer_sec { background-color: rgba(0, 0, 0, 1); padding-bottom:0; position: relative; z-index: 1; }
.footer_sec .footer_top{  }
.footer_sec::before{ position:absolute; content:""; background:url(../images/footer-img.jpg) no-repeat center center/cover; width:100%; height:100%; top: 0; left:0; z-index: -1; opacity: 1; }
.footer_logo { max-width: 15rem; margin-bottom: 2rem;}
.footer_column h3 { font-size: 2.5rem; color: var(--white); margin-bottom: 2.5rem;}
.footer_column p, .footer_column a, .footer_column li { font-size: 1.6rem; color: #ccc; text-decoration: none; margin-bottom: .8rem; }
.footer_column a:hover { color: #fff;}
.footer_awards img { max-height: 4rem; margin-right: 1rem;}
.footer_awards { margin-top: 1.5rem; display: flex; flex-wrap: wrap; }
.explore li { margin-bottom: .8rem; }
.payment_icons .portfolio_box{ margin-top: 1.5rem; }
.payment_icons .portfolio_box img { height:7rem;  }
.footer_sec .footer_column.explore{ margin-left: 5rem; }
.footer_sec .footer_top{ padding-bottom: 2rem; }
.footer_sec .footer_column .footer_social { gap: 0 1rem; margin-top: 2rem; }
.footer_sec .footer_column .footer_social a{ background: rgba(255, 255, 255, .2); width:4rem; height:4rem; border-radius:100%; display:flex; align-items:center; justify-content:center; }
.footer_sec .footer_column .footer_social a i{ font-size: 1.4rem; color:var(--white); }
.footer_sec .bottom_footer{ background: var(--black); border-top: .1rem dashed rgba(255, 255, 255, .5); padding: 1.5rem 0; }
.footer_sec .bottom_footer .bottom_footer_main em, .footer_sec .bottom_footer .bottom_footer_main span{ font-size: 1.4rem; color:var(--white);  }
.footer_sec .bottom_footer .bottom_footer_main span a{ color:var(--second_brand); font-weight: 600; border-bottom:.1rem solid var(--second_brand); }
.footer_column.contact p a i{ padding-right: 1rem; color:var(--white); }  
.footer_column a:hover{ color:var(--second_brand); }


/*________________________________________________________________________ home page css end ___________________________________________________________________________________*/

/*________________________________________________________________________ inner_page_css_start ________________________________________________________________________________*/



/*________________________________________________________________________ inner_banner_sec start ______________________________________________________________________________*/
/* .inner_banner_sec .inner_banner_box{ position:relative; z-index: 1; } */
/* .inner_banner_sec .inner_banner_box::after{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(90deg,rgba(3, 32, 63, 0) 0%, rgba(3, 32, 63, 0.50) 85%, rgba(3, 32, 63, 1) 100%); z-index: 2; } */
.inner_banner_sec .inner_banner_box .images{ position:relative; }
.inner_banner_sec .inner_banner_box .images img{ height:25rem; object-fit:cover; }
.inner_banner_sec .inner_banner_box .images .desc { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index: 5; }
.inner_banner_sec .inner_banner_box .images .desc h1{ color:var(--white); }
/* inr_blog_details */
.inr_banr_blog_detail_head .desc{ transform:none !important; left:inherit !important; transform:translateY(-50%) !important; }




/*________________________________________________________________________ inner_about_sec start _______________________________________________________________________________*/

.inr_about_block .right_content{ margin-left: 4rem; } 
.inr_about_block .left_content .left_box p{ padding: 2rem 0 2rem 0; }
.inr_about_block .right_content .right_box p{ padding-top: 2rem; }




/*================ inner_ab_cta ====================*/
.inr_ab_cta_block .container{ max-width:100%; padding: 0 0; }
.inr_ab_cta_block { position:relative; }
.inr_ab_cta_block::before { position:absolute; content:""; top: 0; left:0; width:100%; height:100%; background: rgba(0, 0, 0, .7); z-index: 2; }
.inr_ab_cta_block .images{ position: relative; }
.inr_ab_cta_block .images img{ height:50rem; object-fit:cover; }
.inr_ab_cta_block .images .desc_text{ position: absolute; top:50%; left:50%; transform:translate(-50%, -50%); text-align:center; z-index: 4; width:50%; }
.inr_ab_cta_block .images .desc_text h2{ color:var(--white); font-size: 6rem; }
.inr_ab_cta_block .images .desc_text p{ color:var(--white); padding: 2rem 0 4rem 0; }

/*================ inner_ab_vision ====================*/

.inr_vision_block .row { margin: 0 -1.5rem; }
.inr_vision_block .row .vision_paddi{ padding: 0 1.5rem; }
.inr_vision_block .inr_vision_main .images{ margin-right: 3rem; height:100%; }
.inr_vision_block .inr_vision_main .images img{ height:100%; }
.inr_vision_block .vision_box .icon{ margin-bottom: 1rem; }
.inr_vision_block .vision_box .icon img{ height:8rem; }
.inr_vision_block .vision_box{ gap:0 2rem; border:.1rem solid var(--second_brand); padding: 2rem; border-radius:.5rem; margin: 2.5rem 0; transition:all .4s ease; position:relative; }
.inr_vision_block .vision_box:hover{ border:.1rem solid var(--brand); }
.inr_vision_block .vision_box .text em{ font-size: 3rem; font-weight: 900; padding-bottom: .5rem; }
.inr_vision_block .vision_box .ani_img{ position:absolute; top: 0; right:0; }
.inr_vision_block .vision_box .ani_img img{ opacity: .05; width:15rem; }


/*________________________________________________________________________ inner_offer_sec start ______________________________________________________________________________*/

.job_fees_sec .jobs_fees_box{ margin-top: 3rem; }
.job_fees_sec .jobs_fees_box table th{ font-family: var(--body_font); font-weight: 600; color:var(--second_brand); font-size: 1.8rem; padding: 1.5rem; }
.job_fees_sec .jobs_fees_box table td{ font-family: var(--body_font); font-weight: 400; color:var(--black); font-size: 1.6rem; padding: 1.5rem; }


/*________________________________________________________________________ inner_contact_sec start ______________________________________________________________________________*/

.inner_contact_sec .inner_contact_main{ margin-top: 4rem; }
.inner_contact_sec form{ background: var(--white); padding: 2.5rem; border-radius:.5rem; box-shadow:rgba(0, 0, 0, .2) 0 0 1rem; margin-right: 3rem; }
.inner_contact_sec form em{ font-size: 3rem; color:var(--black); font-weight: 600; }
.inner_contact_sec form .input-group{ display:block; margin-top: 2rem; }
.inner_contact_sec form .input-group .form-control{ width:100%; height:5rem; font-size: 1.4rem; padding-left: 1.5rem; color:var(--black); font-family: var(--body_font); }
.inner_contact_sec form .input-group .form-control::placeholder{ color:#bbbbbb; }
.inner_contact_sec form .input-group label{ font-size: 1.6rem; color:var(--black); font-family: var(--body_font); font-weight: 500; }
.inner_contact_sec form .input-group textarea{ min-height:13rem; }
.inner_contact_sec form .submit_btn{ margin-top: 2rem; }
.inner_contact_sec .images{ height:100%; }
.inner_contact_sec .images img{ height:100%; }
.inner_contact_sec form .submit_btn a{ background: var(--second_brand); }
.inner_contact_sec form .submit_btn a:hover{ background: var(--brand); }
/*========== inner_map_sec ==============*/
.inner_contact_sec { position:relative; z-index: 1; }
.inner_contact_sec::after { position:absolute; content:""; background: url(../images/inr_contact_bg.jpg) repeat; top: 0; left:0; width:100%; height:100%; z-index: -1; opacity:.1; }
.inner_contact_sec .map{ line-height: 0; margin-right: 3rem; height:100%; }
.inner_contact_sec .map iframe{ width:100%; height:100%; }
.inner_contact_sec .contact_info ul li{ margin: 1.5rem 0; border: .1rem dashed var(--second_brand); padding: 2rem; border-radius:.5rem; background: var(--white); }
.inner_contact_sec .contact_info ul li p em{ font-size: 2rem; font-weight: 500; line-height: 1.2; }
.inner_contact_sec .contact_info ul li p em strong{ display:block; color: #000; font-size: 1.6rem; padding-bottom: .5rem; }
.inner_contact_sec .contact_info ul li p, .inner_contact_sec .contact_info ul li a{ gap: 0 2rem; }
.inner_contact_sec .contact_info ul li a em strong{ display:block; }
.inner_contact_sec .contact_info ul li p span{ background: var(--second_brand); width:5rem; height:5rem; border-radius:100%; display:flex; align-items:center; justify-content:center; }
.inner_contact_sec .contact_info ul li a span{ background: var(--second_brand); width:5rem; height:5rem; border-radius:100%; display:flex; align-items:center; justify-content:center; }
.inner_contact_sec .contact_info ul li p span i, .inner_contact_sec .contact_info ul li a span i{ color:var(--white); font-size: 1.6rem; width:inherit; display:flex; justify-content:center; align-items:center; }
.inner_contact_sec .contact_info ul li a em{ color:var(--black); font-size: 2rem; font-weight: 600; transition:all .4s ease; }
.inner_contact_sec .contact_info ul li a em:hover{ color:var(--brand); }
.inner_contact_sec .contact_info ul li a em strong{ padding-bottom: .5rem; font-size: 1.6rem; }
.inner_contact_map{ overflow:hidden; }
.inner_contact_map .container{ max-width:100%; padding: 0 0; }
.inner_contact_map .map iframe{ width:100%; height:30rem }

/*________________________________________________________________________ inner_gallery_sec start ___________________________________________________________________________________*/

.inr_employ_sec .left_employ_block .images{ margin-top: 3rem; }
.inr_employ_sec .left_employ_block .images img{ height:33rem; object-fit:cover; }
.inr_employ_sec .left_employ_block .text h2{ font-size: 3rem; padding-bottom: 2rem; line-height: 1.4; padding-bottom:1rem; }
.inr_employ_sec .left_employ_block .text p{ padding-top: 2rem; }
.inr_employ_sec .right_employ_block{ margin-left: 3rem; }
.inr_employ_sec .right_employ_block .input-group{ display:block; margin: 1.5rem 0; }
.inr_employ_sec .right_employ_block .input-group label{ font-family: var(--body_font); font-size: 1.6rem; font-weight: 600;  }
.inr_employ_sec .right_employ_block .input-group .form-control{ font-family: var(--body_font); font-size: 1.6rem; width:100%; height:5rem; padding-left: 2rem; }
.inr_employ_sec .right_employ_block .input-group .form-select{ font-family: var(--body_font); font-size: 1.6rem; width:100%; height:5rem; padding-left: 2rem; }
.inr_employ_sec .right_employ_block form { background: var(--white); padding: 2rem; border-radius:1rem; box-shadow:rgba(0, 0, 0, .2) 0 0 1rem; }
.inr_employ_sec .right_employ_block form h3{ font-size: 3rem; }
.inr_employ_sec .right_employ_block form p{ padding: 1rem 0 2rem 0; }
.inr_employ_sec .right_employ_block form .submit_btn{ margin-top: 3rem; width:100%;  }
.inr_employ_sec .right_employ_block form .submit_btn a{ background: var(--second_brand); width:100%; }



/*________________________________________________________________________ blog_sec start ___________________________________________________________________________________*/

.blog_sec{ position: relative; z-index: 1; background: #fff;}
.blog_sec::before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/texture.jpg) repeat; opacity: .08; z-index: -1; }

.blog_sec .blog_box .text { border: .1rem solid rgba(0, 0, 0, .1); padding: 2rem; background: var(--white); }
.blog_sec .blog_box .text .top_text{ border-bottom: .1rem solid rgba(0, 0, 0, .1); padding: 0 0 2rem 0; margin-bottom: 2rem; }
.blog_sec .blog_box .text .top_text li h5{ font-size: 1.6rem; font-weight: 600; color: var(--black);  display:flex;}
.blog_sec .blog_box .text .top_text li h5 span{ color: var(--second_brand); }
.blog_sec .blog_box .text .top_text ul{ justify-content: space-between; }
.blog_sec .blog_box .text .btm_txt h3{ font-size: 2rem; font-weight: 700; line-height: 1.5; padding-bottom: 2rem; color: var(--black); transition: all .4s ease; }
.blog_sec .blog_box .text .btm_txt h3:hover{ color: var(--second_brand); }
.blog_sec .blog_box .text .btm_txt p{ font-size: 1.4rem; }
.blog_sec .row{ margin: 0 -1.5rem; }
.blog_sec .row .blog_paddi{ padding: 0 1.5rem; }



/*________________________________________________________________________ inr_blog_dtls start ___________________________________________________________________________________*/

/* .inr_blog_dtls .left_dtl p{ padding-top: 2rem; padding-bottom: 3rem; } */
.inr_blog_dtls .left_dtl ul, .inr_blog_dtls .left_dtl ol { gap: 0 2rem; padding: 2rem; border-radius: 1rem; border: .1rem dashed rgba(0, 0, 0, .1); margin-bottom:3rem; }
.inr_blog_dtls .left_dtl ul li, .inr_blog_dtls .left_dtl ol li{ width: 100%; font-size: 1.6rem; line-height: 1.7; font-family: var(--body_font); color:var(--black); margin:1.5rem 0; position:relative; padding-left: 3rem; }
.inr_blog_dtls .left_dtl ul li, .inr_blog_dtls .left_dtl ol li::after{ position:absolute; left:0; top:0; content:"\f2f8"; font-family:"Font Awesome 6 Pro"; font-size:1.6rem; color:var(--second_brand); }
.inr_blog_dtls .left_dtl ul li img, .inr_blog_dtls .left_dtl ol li img{ height: 100%; object-fit: cover; padding-right: 2rem; }
.inr_blog_dtls .left_dtl .inr_blog_form{ margin-top: 3rem; box-shadow: rgba(0, 0, 0, .3) 0 0 1rem; background: var(--white); padding: 5rem 3rem; border-radius: 1rem; }
.inr_blog_dtls .left_dtl .inr_blog_form p{ padding: 0; padding-bottom: 3rem; }
.inr_blog_dtls .left_dtl .inr_blog_form form label{ color: var(--black); font-weight: 600; font-size: 1.4rem; padding-bottom: .5rem; font-family: var(--body_font); }
.inr_blog_dtls .left_dtl .inr_blog_form form .form-control{ height: 4.5rem; padding-left: 1rem; font-size: 1.4rem; color: var(--black); box-shadow: none; font-family: var(--body_font); }
.inr_blog_dtls .left_dtl .inr_blog_form form .form-control::placeholder{ font-size: 1.4rem; color: #c1c1c1; }
.inr_blog_dtls .left_dtl .inr_blog_form form textarea{ min-height: 15rem; }
.inr_blog_dtls .left_dtl .inr_blog_form form .form-group{ margin-bottom: 2rem; }
.inr_blog_dtls .left_dtl .inr_blog_form form .form-check-input{ width: 2rem; height: 2rem; box-shadow: none; margin-top: 0; }
.inr_blog_dtls .left_dtl .inr_blog_form form .form-check-label{ margin-bottom: 0; padding-bottom: 0; padding-left: 1rem; }
.inr_blog_dtls .left_dtl .inr_blog_form form a{ margin-left: 1rem; margin-top: 3rem; background: var(--second_brand); }
.inr_blog_dtls .left_dtl .inr_blog_form form a:hover{ background: var(--brand); }

/* =============================== */
.inr_blog_dtls .left_dtl .image { margin-bottom:3rem; }
.inr_blog_dtls .left_dtl p { padding-bottom:2rem; color:var(--black); }
/* .inr_blog_dtls .left_dtl p strong{ font-size:3.5rem; font-family:serif; color:var(--black); } */



.inr_blog_dtls .right_dtl{ margin-left: 3rem; position: sticky; top: 7rem; width: 100%; }
.inr_blog_dtls .right_dtl .recent_block{ border: .1rem dashed rgba(0, 0, 0, .1); padding: 2rem; }
.inr_blog_dtls .right_dtl .recent_block h3{ font-size: 3rem; color: var(--black); }
.inr_blog_dtls .right_dtl .recent_block ul li{ gap: 0 2rem; margin: 3rem 0 0 0 ; font-family: var(--head_font); }
.inr_blog_dtls .right_dtl .recent_block ul li .image img{ width: 10rem !important; border-radius: 1rem;  }
.inr_blog_dtls .right_dtl .recent_block ul li .text h6{ font-size: 1.6rem; color: var(--black); font-weight: 700; line-height: 1.4; padding-bottom: .5rem; }
.inr_blog_dtls .right_dtl .recent_block ul li .text em{ font-size: 1.4rem; }
.inr_blog_dtls .right_dtl .n_letter { margin-top: 3rem; padding: 3rem; position: relative; z-index: 1; background: #000; }
.inr_blog_dtls .right_dtl .n_letter::before{ content:""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .1); backdrop-filter: blur(2rem) saturate(180%); z-index: -1; }


.inr_blog_dtls .right_dtl .n_letter::after{ content:""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/news_img_1.jpg) no-repeat center center/cover; z-index: -4; opacity: .4; }
.inr_blog_dtls .right_dtl .n_letter h3{ font-size: 2.2rem; font-weight: 700; color: var(--white); padding-bottom: 1rem; }
.inr_blog_dtls .right_dtl .n_letter p{ font-size: 1.6rem; color: var(--white); padding-bottom: 3rem; }
.inr_blog_dtls .right_dtl .n_letter .input_fx{ flex-direction: column; gap:1rem 0; }
.inr_blog_dtls .right_dtl .n_letter .input_fx input{ height: 5rem; width: 100%; padding-left: 2rem; font-size: 1.6rem; font-family: var(--body_font); }
.inr_blog_dtls .right_dtl .n_letter .input_fx input::placeholder{ font-size: 1.6rem; }
.inr_blog_dtls .right_dtl .n_letter .input_fx a{ width: 100%; text-align: center; background: var(--second_brand); }
.inr_blog_dtls .right_dtl .n_letter .input_fx a:hover{ background: var(--brand); }


















/*____________________________________________
                Media Quaries 
______________________________________________*/

@media only screen and (orientation:landscape) {
    body { -webkit-text-size-adjust:none; }
}
@media only screen and (orientation:portrait) {
    body { -webkit-text-size-adjust:none; }
}


@media only screen and (max-width: 1699px){ 


.banner_sec .form_block .call_banner em { font-size: 3rem; }
.banner_sec .images_content .text_content h2 { font-size: 6rem; }
.banner_sec .ani_image { right: 6rem; }
.banner_sec .form_block .call_banner span i { font-size: 3rem; }

/*cta_one*/
.cta_sec_one .container{ padding: 0 3rem; }
.cta_sec_one, .banner_sec, .upload_sec, .about_sec, .explore_job, .job_offer_sec, .feedback_sec, .footer_sec { overflow:hidden; }

/*inr_ab_cta*/
.inr_ab_cta_block .images .desc_text{ width:80%; }
.banner_sec .images_content{ height:60rem; }
	
/* blog_details */
/* 	.inr_blog_dtls .container{ max-width:100%; padding :0 1.5rem; } */
	.inr_blog_dtls .right_dtl{ margin-left:0; }
	.inr_blog_dtls .left_dtl{ margin-right:3rem; }



}

@media only screen and (max-width: 1399px){

/*banner_por cv*/
.upload_sec .upload_box .text_content h3{ font-size: 3rem; }

/*explore*/
.explore_job .container{ max-width:100%; padding: 0 1.5rem; }
.explore_job .explore_job_box .explore_item .text a{ font-size: 2.2rem; }
.explore_job .explore_job_box .explore_item span{ width: 8rem; height: 8rem; }
.explore_job .explore_job_box .explore_item img { width: 5rem; }

/*cta_one*/
.cta_sec_one .right_info ul{ flex-direction:column; align-items:inherit !important; gap: 2rem 0;  }
.cta_sec_one .left_text h2{ font-size: 4rem; }

/*inr_ab_cta*/
.inr_ab_cta_block .images .desc_text h2{ font-size: 5rem; }
.banner_sec .images img{ width:auto !important; }
.banner_sec .images_content .images_text_box{ margin-left: 3rem; }
.banner_sec .images_content .text_content h2 { font-size: 5rem; }
.inr_about_block .left_content .images img{ height:48rem; object-fit: cover; }



}

@media screen and (max-width: 1199px){

/*header*/
.header_sec .nav_sec .container{ max-width:100%; padding: 0 1.5rem; }
.header_sec .nav_sec .navbar .navbar-brand img { width: 18rem; }
.header_sec .nav_sec .navbar .navbar-nav li a{ padding: 1.5rem 1.5rem; }

/*banner*/
/*.banner_sec .images{ top: 50%; transform:translateY(-50%); }*/
.banner_sec .images_content { height: 55rem; }
.banner_sec .images img{ width: 35rem !important; }
.banner_sec .ani_image{ bottom:6rem; left:1rem; right:inherit; }
.banner_sec .ani_image img { width: 20rem !important; }

/*banner_cv*/
.upload_sec .upload_box .image_block img{ width:15rem; }
.upload_sec .upload_box{ padding: 2rem 0 2rem 3.5rem; }

/*about*/
.about_sec .left_text h2{ font-size: 3.5rem; }
/*job*/
.job_offer_sec .container{ max-width:100%; padding: 0 1.5rem; }

/*inr_ab_cta*/
.inr_ab_cta_block .images .desc_text{ width:90%; }
/*inr_ab_vision*/
.inr_vision_block .container{ max-width:100%; padding: 0 1.5rem; }

/*fees*/
.job_fees_sec .container{ max-width:100%; padding: 0 1.5rem; }
/*.blog_sec*/
.blog_sec .container{ max-width:100%; padding: 0 1.5rem; }
.blog_sec .blog_box .text .top_text ul{ flex-wrap:wrap; justify-content:center; gap: 1rem 2rem ; }
/*blog_detail*/
.inr_blog_dtls .right_dtl{ margin-left: 0; margin-top: 3rem; }
.inr_about_block .left_content .left_box h2{ font-size: 3.5rem; }
.inr_blog_dtls .left_dtl{ margin-right:0; }

	
}



@media screen and (max-width: 991px){
.container{ max-width:100%; padding: 0 1.5rem; }
/*responsive header*/
.header_sec.fixed .navbar .navbar-toggler-icon{ background:var(--brand); }
.header_sec .navbar .container-fluid{ justify-content:end; }
.header_sec .navbar .navbar-toggler-icon{ display: block; background: var(--black); width: 3rem; height: .4rem; border-radius: .3rem; margin-top: .4rem; opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transition: all 0.5s ease-in-out; }
.header_sec .navbar .navbar-collapse{ position: fixed; left:-50rem; top: 0; width: 25rem; height: 100vh; background: var(--white); transition: all 0.5s ease-in-out; border-right: .4rem solid var(--brand); overflow-y: auto; padding-left: 1.5rem; padding-top: 2rem; z-index: 22; }
.header_sec .navbar .navbar-collapse.show{ left: 0; }
.header_sec .navbar .navbar-toggler.showtoggle .navbar-toggler-icon:nth-child(1){ transform: matrix(1, -1, 0, 1, 0, 0); width: 25px; }
.header_sec .navbar .navbar-toggler.showtoggle .navbar-toggler-icon:nth-child(2){ opacity: 0; width: 0; }
.header_sec .navbar .navbar-toggler.showtoggle .navbar-toggler-icon:nth-child(3){ transform: matrix(1, 1, 0, 1, 0, 0); width: 25px; margin-top: -11px; }
.header_sec .navbar .navbar-collapse.show .navbar-nav{ margin: 0; }
.header_sec .navbar .navbar-collapse.show ul li a{ color:#000; width:100%; padding: 1.5rem 0; border-bottom: .1rem dashed rgba(0, 0, 0, .2); }
.header_sec .navbar .navbar-collapse.show ul{ width:100%; }
.header_sec .nav_sec { padding: 2rem 0; }
.header_sec .nav_sec .navbar .header_btn{ right:6rem; }
.header_sec .navbar .navbar-toggler{ padding: 0; border:none; box-shadow:none; }
/*header end*/

/*banner*/
.banner_sec .images_content .text_content{ width: 63%; }
.banner_sec .images img { width: 28rem !important; }
.banner_sec .images_content .text_content h2 { font-size: 5rem; }
/*banner_cv*/
.upload_sec{ padding-top: 2rem; }
.upload_sec .upload_box{ margin-top: 2rem; }
/*about*/
.about_sec .text_under_box{ margin: 0 0; }
.about_sec .text_under_box .images .ani_block{ bottom: 0rem; left: 2rem; }
.about_sec .left_text{ padding-top: 3rem; }
.about_sec{ padding-bottom: 4rem; }
/*cta_one*/
.cta_sec_one .left_text{ margin-right: 0; }
.cta_sec_one .left_text{ margin-bottom: 2rem; }
/*footer*/
.footer_sec .footer_column.explore{ margin-left: 0; }
.footer_sec .footer_column.about{ margin-bottom: 2rem; }

/*inr_about*/
.inr_about_block .right_content { margin-left: 0; margin-top: 1rem; }

/*inr_ab_cta*/
.inr_ab_cta_block .images .desc_text h2 { font-size: 4rem; }
.inr_ab_cta_block .images img { height: 40rem; }

/*inr_ab_vision*/
.inr_vision_block .vision_box{ margin: 0 ; margin-top: 2rem; }

/*employ*/
.inr_employ_sec .right_employ_block{ margin-left: 0; margin-top: 3rem; }

/*contact*/
.inner_contact_sec form{ margin-right: 0; margin-bottom: 2rem; }

/*blog*/
.blog_sec { padding-top: 3rem; }
.blog_sec .blog_box { margin-top: 3rem; }
.banner_sec .images_content .row{ justify-content:center; }
.banner_sec .images { text-align:center; }
.banner_sec .images_content .text_content h2 { font-size: 4rem; }
.banner_sec .images_content .images_text_box{ margin-left: 0; text-align:center; margin-top: 3rem; }
.banner_sec .images_content .text_content{ margin: 0 auto; width: 90%; }
.banner_sec .images_content .text_content h2 br{ display:none; }
.banner_sec .ani_image { top: 6rem; bottom:inherit; }
.inr_about_block .left_content .images img{ height:auto; }








}



/*NEW GRID SYSTEM*/
@media screen and (max-width:767px){


h2, h2 span{ font-size: 3.5rem; }
.ptb{ padding: 4rem 0; }


/*banner*/
.banner_sec .images_content .text_content{ width:100%; }
.banner_sec .images_content { display: flex ; flex-direction: column; justify-content: center; margin-bottom: 4rem; }
/*.banner_sec .images { display:none; }*/
.banner_sec .images_content .text_content h2 { font-size: 3.4rem; }
/*.banner_sec .images_content{ height:45rem; }*/
.banner_sec .ani_image{ bottom: inherit; top: 2rem; }
.banner_sec .form_block{ width:fit-content; }
/*cta_one*/
.cta_sec_one .left_text h2 { font-size: 3.5rem; }
/*feedback*/
.feedback_sec .feedback_box{ margin-bottom: 0; }

/*footer*/
.footer_sec { padding-bottom: 0; }

/*blog*/
.blog_sec { padding-top: 1rem; }

/*blog_details*/
.inr_blog_dtls .left_dtl ul{ flex-direction:column; gap: 2rem 0 ; }
.inr_blog_dtls .left_dtl ul li{ width:100%; }
.inr_blog_dtls .left_dtl ul li img{ padding: 0; }
.inner_banner_sec .inner_banner_box .images .desc h1{ font-size:3.5rem; }






}

@media screen and (max-width:575px){
h2, h2 span { font-size: 3rem; }


/*header*/
.header_sec .nav_sec .navbar .header_btn{ right: 5rem; }
.header_sec .nav_sec .navbar .header_btn a{ font-size: 1.4rem; padding: 1.5rem 1.5rem;  }
.header_sec .nav_sec .navbar .header_btn a span{ font-size: 1.2rem; }
.header_sec .nav_sec .navbar .navbar-brand img { width: 11rem; }

/*banner*/
.banner_sec .images img{ width:15rem !important; }
.banner_sec .images_content .text_content h2 { font-size: 3rem; padding-bottom: 1rem; }
.banner_sec .ani_image img{ width:15rem !important; }
.banner_sec .form_block .call_banner em { font-size: 2rem; }
.banner_sec .form_block .call_banner span i{ font-size: 2rem; }
.banner_sec .images_content {height: 47rem; }

/*banner_cv*/
.upload_sec .upload_box .image_block{ display:none; }
.upload_sec .upload_box { padding: 2rem 2rem 2rem 2.5rem; }
.upload_sec .upload_box .text_content h3 { font-size: 2.5rem; }
.upload_sec .upload_box .text_content a{ width:100%; text-align:center; }
/*about*/
.about_sec .left_text h2{ font-size: 3rem; }
.about_sec .text_under_box .images .ani_block{ display:none; }
/*.about_sec .text_under_box .images img{ height:30rem }*/

/*cta_one*/
.cta_sec_one .left_text h2 { font-size: 3rem; }
.cta_sec_one .container{ padding: 0 1.5rem; }
.cta_sec_one .left_text{ margin-right: 0; }
.cta_sec_one .right_info ul li .con_info_text { font-size: 2rem; word-break:break-all; }

/*job*/
.job_offer_sec .job_offer_box{ margin-top: 2rem; }

/*feedback*/
.feedback_sec .feedback_box{ margin: 0 ; }
.feedback_sec .feedback_box .info_dtel{ flex-direction:column; align-items:inherit !important; }
.feedback_sec .feedback_box{ margin-top: 2rem; }

/*footer*/
.footer_sec .footer_column.contact{ margin-top: 2rem; }
.footer_sec .bottom_footer .bottom_footer_main { flex-direction:column; gap: 1rem 0; }

/*Explore_sec*/
.explore_job .explore_job_box .explore_item{ flex-direction:column; align-items:inherit !important; gap: 2rem 0; }

/*inr_about*/
.inr_about_block .right_content .right_box p { padding-top: 1rem; }

/*inr_ab_cta*/
.inr_ab_cta_block .images .desc_text{ width:95%; }
.inr_ab_cta_block .images .desc_text h2{ font-size: 3.5rem; }
.inr_ab_cta_block .images .desc_text p{ padding: 2rem 0 3rem 0; }
.inr_ab_cta_block .images img { height: 45rem; }
/*employ*/
.inr_employ_sec .right_employ_block form h3 { font-size: 2.5rem; }
.inr_employ_sec .right_employ_block .input-group{ margin: .5rem 0; }
/*inr_contact*/
.inner_contact_sec .contact_info ul li p em, .inner_contact_sec .contact_info ul li a em{ font-size: 1.6rem; word-break:break-all; }
.inner_contact_sec .contact_info ul li a { gap: 0 1rem; }
.inner_contact_sec .contact_info ul li{ padding: 2rem 1rem; }
/*blog*/
.blog_sec .blog_box .text .btm_txt h3 { font-size: 1.8rem; }

/*blog_details*/
.inr_blog_dtls .right_dtl .n_letter{ padding: 2rem; }
.inr_blog_dtls .right_dtl .recent_block ul li .text h6 { font-size: 1.4rem; }
.inr_blog_dtls .left_dtl .inr_blog_form{ padding: 3rem 2rem; }
.inr_blog_dtls .right_dtl .recent_block ul li .image { height:100%; }
.inr_blog_dtls .right_dtl .recent_block ul li .image img{ height:100%; object-fit:cover; }
.inr_blog_dtls .right_dtl .recent_block ul li{ align-items: inherit !important; }
.inr_about_block .left_content .left_box h2 { font-size: 3rem; }

.inner_banner_sec .inner_banner_box .images .desc h1{ font-size:2.5rem; }



.banner_sec .ani_image{ display: none; }











}

/* emergency only */
@media screen and (max-width:480px){
/*.banner_sec .images_content {height: 34rem; }*/
    

}