/*

@font-face { font-family: 'Roboto'; src: url('../fonts/Roboto-Black.eot'); src: url('../fonts/Roboto-Black.eot?#iefix') format('embedded-opentype'),

url('../fonts/Roboto-Black.woff2') format('woff2'), url('../fonts/Roboto-Black.woff') format('woff'), url('../fonts/Roboto-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; }



@font-face { font-family: 'Roboto'; src: url('../fonts/Roboto-Bold.eot'); src: url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),

url('../fonts/Roboto-Bold.woff2') format('woff2'), url('../fonts/Roboto-Bold.woff') format('woff'), url('../fonts/Roboto-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; }



@font-face { font-family: 'Roboto'; src: url('../fonts/Roboto-Regular.eot'); src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),

url('../fonts/Roboto-Regular.woff2') format('woff2'), url('../fonts/Roboto-Regular.woff') format('woff'), url('../fonts/Roboto-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; }



@font-face { font-family: 'Roboto'; src: url('../fonts/Roboto-Light.eot'); src: url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),

url('../fonts/Roboto-Light.woff2') format('woff2'), url('../fonts/Roboto-Light.woff') format('woff'), url('../fonts/Roboto-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; }

*/



* { margin: 0; padding: 0; font-family: 'Calibri', serif; outline: none !important; }

:root{ --blu: #007ee5; --lblu:#cde8fb; --xdblu:#17386e; --grn:#00c853; --gray: #666;  }

-webkit-placeholder{color:var(--gray); font-style: italic;}

-moz-placeholder{color:var(--gray); font-style: italic;}

h1, h2, h3, h4, h5, p { font-family: 'Calibri', serif; color: var(--gray); }

h3 {

    font-size: 20px;

    margin: 10px 0;

    color: #4abb4a;

    font-weight: 600;

}

p { margin: 0;}

ul { padding: 0; margin: 0; }

ul li { list-style-type: none; }

a { text-decoration: none; color: var(--gray); transition: ease all 0.3s;  outline: none !important;}

a:hover { text-decoration: none; cursor: pointer; color: var(--blu); } 

svg { width: 30px; height: 20px;}





body {overflow-x: hidden;font-family: 'Calibri', serif;}

header { overflow: hidden; background: #fff; padding: 5px; width: 100%;box-shadow: 0 0 5px #999; }

header .subContact { margin: 0; text-align: right;margin-top: 8px;}

header .subContact a{/*width: 100%; display: inline-block; */ font-size: 12px; margin-left: 15px;margin-left: 15px;display: inline-flex;align-items: center;}

header .lft img { width: 100%; padding: 10px 0 0;}

header .navbar { padding: 4px 0; } /*15052020*/

header .navbar .nav-link { font-size: 12px; letter-spacing: 1.3px; } 

.banner { background: var(--lblu); }

.banner .lft { background: #def0fc; padding: 25% 0; position: relative; z-index: 100; }

.banner .lft::before { position: absolute; left: -100%; top: 0; height: 100%; background: #def0fc; width: 100%; z-index: 10; content: ""; }

.banner .lft::after { position: absolute; right: -53px; top: 0; height: 100%; background: #def0fc; width: 30%; z-index: -1; content: ""; transform: skewX(-8deg); }

.banner h5 { font-size: 15px; font-weight: 100; letter-spacing: 2px; color: var(--gray); margin: 0 0 15px; }

.banner h1 { font-size: 37px; color: var(--xdblu); margin: 0 0 20px; }

.banner p { font-size: 19px; line-height: 20px; font-weight: normal; margin: 0 0 40px; }

.dfltBtn{ background: var(--blu); color: #fff; width: 180px; padding: 12px 0; text-align: center; display: inline-block; border-radius: 4px; font-size: 15px; position: relative; border: none; }

.dfltBtn:hover{background: var(--grn); color: #fff;}

.dfltBtn span { background: var(--grn); width: 17px; height: 17px; position: absolute; border-radius: 50px; border: solid 2px #def0fc; right: -8px; top: 14px; animation: glow 1s infinite; }

.banner .lft .rate { width: 180px; text-align: center; display: inline-block; margin: 5px 0 0px; font-size: 15px; color: gray; }

.banner { background: url("../img/banner.jpg") right center no-repeat, var(--lblu); background-size: 46%; }

.offr { background: #f6f6f6; padding: 12px 0; }



.login_button {border: 1px solid #cde8fb;border-radius: 10px;padding: 5px 15px;box-shadow: 1px 2px 8px #cde8fb;}



.why ul.dropdown-menu li {

    float: none ;

    width: 100%;

    padding: 1px 5px;

    text-align: left;

    min-height: auto !important;

}

.why ul li {

    float: left;

    width: 45% ;

    padding: 10px;

    text-align: center;

    min-height: 160px;

}



.why { padding: 4% 0 0% 0; }

.why h2 {

    width: 100%;

    text-align: left;

    margin: 10px 0 70px;

    color: #007ee5;

    font-weight: bold;

    text-transform: capitalize;

    font-size: 40px;

    position: relative; 

}



.why h2::before {



    content: "Guarantees";

    text-transform: uppercase;

    font-weight: bold;

    position: absolute;

    opacity: 0.04;

    font-size: 113px;

    left: -80px;

    right: 0;

    top: -90px;

    animation: heading 5s infinite;



}



@keyframes heading { 0% { top:-70px; }

50% {top:-50px; } 

100% { top:-70px; }

}

.why ul { width: 100%; }



.why ul li .icon {

    fill: var(--grn);

    background: #17386e;

    width: 70px;

    height: 70px;

    padding: 12px;

    border-radius: 4px;

    display: inline-block;

}

.why strong { width: 100%; display: inline-block; margin: 10px 0 0; font-size: 20px; color: #000; line-height: 24px;}

.why ul li span { width: 100%; display: inline-block; text-align: center; font-size: 18px; color: var(--gray); }









.weDo{margin: 4% 0; position: relative;}

.weDo::before {

    position: absolute;

    content: "";

    border: solid 60px var(--grn);

    right: -95%;

    top: 20%;

    width: 50%;

    height: 630px;

    transform: rotate(136deg);

    animation: titleAnim 4s infinite;

}



@keyframes titleAnim {

 0% {

  transform:translate(0%, 15%)  rotate(136deg);;

  -moz-transform:translate(0%, 15%)  rotate(136deg);;

  -webkit-transform:translate(0%, 15%) rotate(136deg);;

  -o-transform:translate(0%, 15%)  rotate(136deg);;

  -ms-transform:translate(0%, 15%) rotate(136deg);;

  -webkit-transform-origin:0 0;

  transform-origin:0 0

 }

 50% {

  transform:translate(0%, 30%)  rotate(136deg);;

  -moz-transform:translate(0%, 30%)  rotate(136deg);;

  -webkit-transform:translate(0%, 30%)  rotate(136deg);;

  -o-transform:translate(0%, 30%)  rotate(136deg);;

  -ms-transform:translate(0%, 30%) rotate(136deg);;

  -webkit-transform-origin:0 0;

  transform-origin:0 0

 }

    

 100% {

  transform:translate(0%, 15%) rotate(136deg);;

  -moz-transform:translate(0%, 15%) rotate(136deg);;

  -webkit-transform:translate(0%, 15%) rotate(136deg);;

  -o-transform:translate(0%, 15%) rotate(136deg);;

  -ms-transform:translate(0%, 15%) rotate(136deg);;

  -webkit-transform-origin:0 0;

  transform-origin:0 0

 }   

}





img{max-width: 100%}

.weDo .rt img { width: 100%; display: inline-block; position: relative; margin: -85px 0 0 0; }



.weDo .nav-tabs .nav-item.show .nav-link, .weDo .nav-tabs .nav-link.active { color: var(--grn); background-color: transparent; border-color: transparent; }

.weDo .nav-tabs .nav-link {

    border: 1px solid transparent;

    border-top-left-radius: 0;

    border-top-right-radius: 0;

    font-size: 17px;

    padding: 10px 20px;

}

.weDo { margin: 4% 0; background: #f5f5f5; padding: 60px 0; }

.weDo h2 { width: 100%; margin: 5px 0 20px; color: #000; font-weight: bold; text-transform: capitalize; font-size: 40px; position: relative; }

.weDo h2::before { content: "OUR EXPERTISE"; text-transform: uppercase; font-weight: bold; position: absolute; opacity: 0.04; font-size: 63px; left: 0; right: 0; top: -40px; }

.weDo h5 { font-size: 25px; color: var(--gray); margin: 25px 0 15px; }

.weDo p { font-size: 14px; margin: 0 0 14px; }

.weDo ul li { font-size: 15px; margin: 0px 0 4px 21px; color: var(--gray); list-style-type: disc; }

.weDo .lft .rate { width: 180px; text-align: center; display: inline-block; margin: 5px 0 0px; font-size: 15px; color: gray; }



.work h2 { width: 100%; text-align: center; margin: 50px 0 70px; color: #007ee5; font-weight: bold; text-transform: capitalize; font-size: 35px; position: relative; }

.work{padding: 4% 0;position: relative;}

/*.work h2::before { content: "Process"; text-transform: uppercase; font-weight: bold; position: absolute; opacity: 0.04; font-size: 113px; left: 0; right: 0; top: -70px; animation: heading 5s infinite; }*/

.work li{

    list-style: disc;

    font-size: 20px;

    font-weight: 600;

	line-height: 35px;

}

.work::before {

    position: absolute;

    content: "";

    border: solid 60px var(--grn);

    right: -100%;

    top: 20%;

    width: 50%;

    height: 630px;

    transform: rotate(136deg);

    animation: titleAnim 4s infinite;

}

.work2 h2 {

    width: 100%;

    text-align: center;

    margin: 50px 0 40px;

    color: #007ee5;

    font-weight: bold;

    text-transform: capitalize;

    font-size: 35px;

    position: relative;

}

.work2 h5{

   font-size: 20px;

    /* font-weight: 600; */

    line-height: 32px;

    text-align: center;

    /* color: #000;*/

}

.moretext {

  display: none;

	margin-top: 35px;

}

.moretext2 {

  display: none;

	margin-top: 35px;

}

.work2 a{

    color: #007ee5;

    font-size: 20px;

    font-weight: 600;

}

.assignBox{padding: 20px;

    text-align: center;

    border: 3px solid #bfddf3;

    border-radius: 10px;

    margin-bottom: 30px;

    height: 370px;

    box-shadow: 10px 10px 0px #cde8fb;}

.assignBox h5{color:#007ee5 }

.unique h2 { width: 100%; text-align: center; margin: 30px 0 40px; color: #007ee5; font-weight: bold; text-transform: capitalize; font-size: 35px; position: relative; }

.unique{padding: 2% 0;position: relative;}

.unique h5 {

    font-size: 18px;

/*    font-weight: 600;*/

    line-height: 31px;

    text-align: center;

/*    color: #000;*/

}

.unique li{

    list-style: disc;

	margin-left: 15px

}

.expert  li{

    list-style: disc;

	margin-left: 15px;

	line-height: 30px;

		

}

.work .icon { width: 100px; height: 100px; fill: var(--xdblu); margin: 0 0 20px; }

.work p { font-size: 29px; font-weight: 200; color: #666; margin: 0; line-height: 40px; }

.work span { font-size: 15px; color: var(--blu); }





/********************Circular slider******************/

.holderCircle{ width:600px; height:600px; border-radius:100%; margin:60px auto; position:relative; left: -280px; }

.dotCircle{ width:100%; height:100%; position:absolute; margin:auto; top:0; left:0; right:0; bottom:0; border-radius:100%; z-index:20; }

.dotCircle  .itemDot{ display:block; width:90px; height:90px; position:absolute; background:var(--blu); color:#fff; border-radius:100%; text-align: center; line-height: 80px; font-size:30px; z-index:3; cursor:pointer; overflow: hidden;}

.dotCircle .itemDot.active{ background:var(--xdblu); color:#fff; transition:0.5s; border:solid 4px var(--grn);}

.dotCircle .itemDot.active::before{ border-color:var(--xdblu); }	

.dotCircle .itemDot:hover{  background:var(--xdblu); color:#fff; transition:0.5s; }

.dotCircle .itemDot:hover::before{ border-color:var(--xdblu); }	

.contentCircle .CirItem { color: var(--gray); text-align: left; bottom: 0; left: 0; opacity: 0; font-weight: bold; font-size: 13px; width: 100%; height: 100%; top: 0; right: 0; margin: auto; position: absolute; display: flex; align-items: center; }

.CirItem.active{ z-index:1; opacity:1; transform:scale(1); transition:0.5s; }

.dotCircle  .itemDot img{ width: 105%; display: inline-block;}







.subExp { width: 100%; overflow: hidden; }



.holderCircle::after { content: ""; position: absolute; width: 340px; height: 340px; background: var(--lblu); left: 120px; right: 0; display: inline-block; z-index: 100000; top: 130px; border-radius: 300px; }

.holderCircle::before { content: ""; position: absolute; width: 480px; height: 480px; background: transparent; left: 60px; right: 0; display: inline-block; z-index: -1; top: 65px; border-radius: 300px; border: dashed 3px var(--blu); }

.expert h2 { width: 100%; text-align: center; margin: 50px 0 40px; color: #0F85E5; font-weight: bold; text-transform: capitalize; font-size: 40px; position: relative; }

.expert{padding: 2% 0;}

/*.expert h2::before { content: "Best Experts"; text-transform: uppercase; font-weight: bold; position: absolute; opacity: 0.04; font-size: 113px; left: 0; right: 0; top: -70px; animation: heading 5s infinite; }*/

.expDet { width: 50%; float: left; padding: 20px; }

.expFact { width: 50%; float: left; padding: 20px; }

.expDet p { font-size: 33px; font-weight: 100; margin: 0 0 5px; line-height: 38px; }

.expDet i { font-size: 20px; font-weight: normal; color: #999; margin: 0 0 20px; display: inline-block; width: 100%; }



.expDet ul { margin: 0 0 20px; }

.expDet ul li { font-size: 13px; font-weight: normal; margin: 0 0 5px; display: inline-block; width: 100%; }



.expDet .rate { width: 180px; text-align: center; display: inline-block; margin: 5px 0 0px; font-size: 15px; color: gray; }

.expDet .rate { width: 180px; text-align: center; display: inline-block; margin: 2px 0 0px; color: gray; font-weight: normal; font-size: 13px; }



.expFact { width: 45%; float: left; padding: 20px; background: var(--lblu); }

.expFact h5 { text-align: center; font-size: 21px; text-transform: uppercase; color: var(--blu); margin: 0 0 16px; }

.expFact ul li { font-size: 15px; font-weight: normal; list-style-type: disc; padding: 0; }

.expFact ul { padding: 0 0 0 15px; }



.tabBox{

    border: 1px solid #cde8fb;

    padding: 15px;

    border-radius: 10px;

    margin-top: 30px;

	align-items: center;

}

.tabBox li {

	list-style: none;

    text-align: center;

   

    border-radius: 5px;

    margin-bottom: 8px;

    margin-left: 0px;

	font-size: 18px;

    font-weight: 600;

	color: #000;

}



.tabBox li a{

    border: 2px solid #cde8fb;

    border-radius: 5px;

	color: #fff;

}

.tabBox li a.active{

    border: 2px solid #2fcc72;

    background-color: #2fcc72 !important;

}

.tabBox p{

    font-size: 18px;

    line-height: 30px;

    text-align: justify;

	color: #fff;

}

.university{text-align:center}

.university h6{ color: #0F85E5; margin-bottom: 20px;font-weight: 600;}

.university ul{width:100%;/*display:inline-block;text-align:center;*/display:flex;border-bottom:solid 1px var(--lblu)}

.university ul:last-child{border:none}

.university ul li{display:inline-block;width:33%;text-align:center;padding:30px;border-right:solid 1px var(--lblu)}

.university ul li img{width:130px;filter:grayscale(1);opacity:.4;transition:ease all .4s}

.university hr{margin:60px auto 0;display:inline-block;border:solid 3px var(--yellow);width:35%;border-radius:10px}

.university ul li:hover img{filter:grayscale(0);opacity:1;width:130px}

.university ul li:last-child{border:none}





.university h2 { width: 100%; text-align: center; margin: 50px 0 40px; color: #007ee5; font-weight: bold; text-transform: capitalize; font-size: 40px; position: relative; }



/*.university h2::before { content: "Trust Us"; text-transform: uppercase; font-weight: bold; position: absolute; opacity: 0.04; font-size: 113px; left: 0; right: 0; top: -70px; animation: heading 5s infinite; }*/

.guide { background: url("../img/guideBg1.png") left top no-repeat, url("../img/guideBg2.png") right top no-repeat, url("../img/guideBg3.png") right bottom no-repeat, var(--xdblu); padding: 60px 0; margin: 8% 0 0; color: #fff; text-align: center; }

.guide h2 { text-align: center; width: 100%; color: #fff; font-weight: 600; font-size: 38px; margin: 0 0 20px; position: relative;}

.guide h2::before { content: "Subjects"; text-transform: uppercase; font-weight: bold; position: absolute; opacity: 0.04; font-size: 113px; left: 0; right: 0; top: -70px; animation: heading 5s infinite; display: none;}

.guide p { font-size: 15px; text-align: center;  margin: 0 auto; }

.guide h4 { width: 100%; font-size: 27px; text-transform: uppercase; color: #fff; margin: 30px 0 40px; }

.guide ul li {

    text-align: left;

    font-size: 17px;

    font-weight: 200;

    margin: 0 0 8px;

    border-bottom: dotted 2px #fff;

    padding: 0 0 10px 50px;

}

.guide .icon {

    background: var(--grn);

    fill: #fff;

    width: 22px;

    height: 22px;

    border-radius: 50px;

    padding: 4px;

    margin: 0 7px 0 -35px;

}

.guide h3 { width: 100%; font-size: 27px; text-transform: uppercase; color: #fff; margin: 30px 0 40px; }



.guide ul {

    padding: 0 50px;

}

.guide .card h4{

	color: #057be6;

    margin: 20px 0 20px;

    font-size: 20px;

    font-weight: 600;

}

.guide .card .card-body{

	height: 320px;

	padding: 15px;

}









.header2 { background: var(--lblu); position: fixed; top: -100px; width: 100%; z-index: 1000; transition: ease all 2s; }

.fix{top:0;}

.header2 .navbar .nav-item { padding: 0 7px; color: #fff;}

.header2 nav .nav-link { color: #fff; font-size: 15px; font-weight: 200;}

.header2 nav .nav-link{position: relative;}

.header2 .nav-link::before { position: absolute; left: -10px; top: 10px; width: 30px; height: 30px; display: inline-block; background: var(--xdblu); content: ""; z-index: -1; border-radius: 100px; transition: ease all 1s; opacity: 0.5; }

.header2 .nav-link:hover::before { width: 120%; opacity: 1; }

.header2 .nav-link.active:before{ width: 120%; opacity: 1;}

.header2 .nav-item:hover a, .header2 .nav-link.active { color: #fff; border-radius: 2px; }

.header2 .lft img {  width: auto;  margin: 10px 0 0;} /*15052020*/

.header2 .nav-link.active a{color: #fff;}

.header2 .navbar { padding: 7px 0;}

.header2 .navbar-expand-lg .navbar-toggler { display:flex !important; text-align:right; width:79px; align-items:flex-start; flex-wrap:wrap; justify-content:flex-end; }

.header2 .navbar { justify-content: flex-end; }

.header2 .navbar-toggler { display: flex; flex-wrap: wrap; width: 80px; justify-content: flex-end; outline: none !important; }

.header2 .navbar-toggler svg{ fill:var(--blu); width: 25px; height: 25px;}

.header2 .navbar-collapse1 { position: fixed; right: -350px; background: var(--lblu); padding: 5% 3%; height: 100%; z-index: 100; top: 0; transition: ease all 1s; width: 310px; }

.header2 nav .nav-link { font-size: 22px; color: var(--xdblu); }

.header2 .shut { position: absolute; left: -24px; top: 60px; background: var(--lblu); border-radius: 50px; width: 50px;height: 50px;display: flex;justify-content: center;  align-items: center; cursor: pointer; }

.btn-item {background: var(--xdblu); padding:0 10px; margin: 10px 0 0; border-radius: 30px;}

.nav-btn { color: var(--blu); font-size: 14px; padding: 18px 10px; line-height: 15px; display: inline-block; text-align: center; width: 100%;}

.header2 .shut svg{ fill:var(--xdblu); width: 20px; height: 20px; }

.subContact.contMnu { width: 100%; display: inline-block; margin: 20px 0 0; }

.contMnu a { width: 100%; display: inline-block; font-size: 13px; }

.subContact a:hover{color: var(--xdblu);}





.testim h2 { width: 100%; text-align: center; margin: 50px 0 40px; color: #000; font-weight: bold; text-transform: capitalize; font-size: 40px; position: relative; }

.testim{margin: 4% 0;}

.testim h2::before { content: "Clients Reviews"; text-transform: uppercase; font-weight: bold; position: absolute; opacity: 0.04; font-size: 90px; left: 0; right: 0; top: -70px; animation: heading 5s infinite; }

.testim h3 { font-size: 38px; text-transform: uppercase; font-weight: bold; color: #666; margin: 0 0 20px; }

.testim p { font-size: 15px; }

.subTest { background: #f5f5f5; padding: 30px; position: relative; }

.subTest::after { content: ""; position: absolute; height: 100%; right: -120%; width: 120%; background: #f5f5f5; top: 0; }



.highlight p a{

	color: #007bff !important;

}

.testim .owl-carousel .owl-stage-outer { padding: 0 10px 20px 0;}

.testimonial { margin: 30px 5px 0 0; background: #fff; padding: 20px; min-height: 210px; box-shadow: 0px 1px 4px #ccc; }

.testim .owl-prev span { font-size: 50px; line-height: 25px; }

.testim  .owl-prev { background: var(--xdblu) !important; color: var(--grn) !important; width: 45px; height: 45px; margin: 0 10px 0 0; }



.testim .owl-next span { font-size: 50px; line-height: 25px; }

.testim  .owl-next { background: var(--xdblu) !important; color: var(--grn) !important; width: 45px; height: 45px; }



.contact { margin: 0 0 8%; }

.contact h2{ font-size: 50px; font-weight: 200; color: var(--xdblu); margin: 0 0 30px; text-align: center; }

.contact .rt svg { width: 95%; height: 100%; }

.contact .rt { border-right: solid 3px var(--blu); }

.contact label { font-size: 12px; color: var(--dblu); margin: 0 0 3px; }

.contact form .form-group{margin-bottom: 8px;}

.contact form input { border-radius: 0; height: 38px; font-size: 13px; }

.contact form textarea { border-radius: 0; font-size: 13px; margin: 0 0 20px; }

.contact form { padding: 10px 15px; box-shadow: 2px 2px 10px #55a3ab91; background: #fff; }

.subContact a span { padding: 0 10px 0 0;}

::-webkit-input-placeholder { color: #ccc; font-style: italic; }

:-ms-input-placeholder { color: #ccc; font-style: italic; }

::placeholder { color: #ccc; font-style: italic; }

.popContact { margin: 0; }

.popContact h2{ font-size: 50px; font-weight: 200; color: var(--xdblu); margin: 0 0 30px; text-align: center; }

.popContact .rt svg { width: 95%; height: 100%; }

.popContact .rt { border-right: solid 3px var(--blu); }

.popContact label { font-size: 12px; color: var(--dblu); }

.popContact form input { border-radius: 0; height: 42px; font-size: 14px; }

.popContact form textarea { border-radius: 0; font-size: 14px; }

.popContact form {padding: 0; }

.modal .modal-title {font-size: 30px; font-weight: 200; color: var(--xdblu); margin: 0; text-align: center; }

.modal-header .close { padding: 0.5rem 1rem; margin: 0 -1rem -1rem auto;}

.modal-header{padding: 0.5rem 1rem;}

footer {

    background: var(--lblu);

    padding: 20px 0;

}

footer p {

    font-size: 32px;

    color: #17386e;

}

footer .dfltBtn {

    float: right;

}

.footLogo { margin: 0 0 30px; }

footer h5 { font-size: 23px; color: var(--xdblu); margin: 0 0 17px; }

footer a { color: var(--xdblu); font-size: 15px; margin: 0 0 3px; display: inline-block; }

footer a:hover{color: var(--dblu);}

.serv svg { width: 12px; height: 12px; fill: var(--xdblu); }

.ql li { float: left; width: auto; padding: 0 10px; border-right: solid 1px var(--xdblu); line-height: 15px; margin: 0 0 14px; }

.ql li:last-child{border: none;}

.subContact a { /*width: 100%;*/ margin: 0;  }

.subContact a svg { fill: var(--blu); width: 15px; height: 15px; margin-right: 5px; }

.subContact { margin: 0 0 30px; }

.social { width: 100%; display: inline-block; }

.social li { float: left; margin: 0 10px 0 0px; }

.social a svg { width: 30px; height: 30px; margin: 0px 10px 0 0; fill: var(--xdblu); }

.copyright { background: var(--xdblu); text-align: center; padding: 20px 0; color: #fff; font-size: 14px; }





.thank svg { width: 450px; float: right; height: 400px; }

.thank {padding: 80px 35px;

    border: 3px solid #057BE6;

    border-radius: 30px;

    box-shadow: 0px 0px 10px 3px #4acc58;

/*    margin-top: 10%; */ text-align: center}

.thank a{background: #007EE4; color: #fff; padding: 7px 30px; display: inline-block;font-size: 20px; font-weight: 600}

.thank h2 { position: unset; top: 35%; z-index: 1; left: 30px; width: 100%; color: #007EE4; font-size: 50px; text-align: center;font-weight: 600 }

.thank h4{

    font-weight: 600;

    color: #4acc58;

}

.thank p { width: 100%; font-size: 18px;

    margin: 10px 0 20px;

    color: var(--xdblu);

    text-align: center;

    font-weight: 600;}



.faq { margin: 9% 0 5%; }

.faq img { width: 100%; }

.faq .card-header { margin-bottom: 0; background-color: transparent; border-bottom: none; font-size: 14px; padding: 0; }

.faq .card-header:hover{background: var(--xdblu);}

.faq .card { margin: 0 0 7px;}

.faq a { color: var(--xdblu); padding: 16px 15px; width: 100%; display: inline-block;}

.faq a:hover { color: #fff;}

.faq .show{border-top: solid 1px #ccc;}

.faq .card-link::after { background: url(../img/down-arr.png) center center no-repeat; content: ""; float: right; width: 15px; height: 15px; transition: ease all .5s; background-size: 15px; margin: 4px 0 0; transform: rotate(180deg); }

.faq .card-link.collapsed::after { background: url(../img/down-arr.png) center center no-repeat; content: ""; float: right; width: 15px; height: 15px; transition: ease all .5s; background-size: 15px; margin: 4px 0 0; transform: rotate(0); }

.faq .card-body { font-size: 14px; padding: 10px; color: #666;}

.faq .card-link:hover::after{filter: brightness(100);}



.rqCall {position: fixed; right: 0; top: 200px; background: var(--xdblu); padding: 11px 5px 5px 5px; width: 50px; height: 50px; text-align: center; cursor: pointer; z-index: 100; display: none;}

.rqCall svg {fill: var(--lblu); width: 30px; height: 30px; margin: 0 auto; }

.rqCall span { width: 10px; height: 10px; background: #09D313; display: inline-block; position: absolute; left: 4px; bottom: 4px; border-radius: 100px; animation: glow 1s infinite; }

@keyframes glow { 0% { background: #09D313; }

50% { background: var(--blu); } 

100% { background: #09D313; }

}

.whatsapp {position: fixed; right: 30px; z-index: 1000; bottom: 30px; background: #64b161; padding: 7px; border-radius: 7px; cursor: pointer;}

.whatsapp svg {width: 35px; height: 35px;}

.notFound { padding: 150px 80px; text-align: center; width: 100%; display: inline-block; position: relative; z-index: 0; }

.notFound h2 {position: unset; width: 100%; font-weight: bold; font-size: 100px; color: var(--xdblu); line-height: 85px; }

.notFound h3 {position: unset; width: 100%; font-weight: 200; font-size: 35px; color: var(--xdblu); }

.notFound p {font-size: 16px; color: var(--gray); width: 100%; text-align: center; }

.ntCta {display: inline-block; width: 100%; float: none; margin: 20px 0 0; }

.notFound .dfbtn {position: relative; display: inline-block; float: none; left: auto; bottom: auto; }  

.popContact form select { border-radius: 0; height: 40px; font-size: 14px; margin: 0 0 15px; }

.footLogo img {

    width: 30%;

}

.ordForm {

    margin: 20px 0 0;

}

.ordForm h3 {

    text-align: center;

    background: var(--blu);

    color: #fff;

    padding: 10px 0;

    font-size: 22px;

    border-radius: 4px 4px 0 0;

    margin: 0;

}

#common_order_form {

    border: solid 1px #ccc;

    padding: 10px;

    border-top: none;

    border-radius: 0 0 5px 5px;

}

#country-codes {

    display: inline-block;

    width: 39%;

    border: 1px solid #d4d4d4;

    border-radius: 4px;

}

#country-codes .btn.btn-primary.dropdown-toggle {

    width: 100%;

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: 8px 12px;

    color: #848484;

    background-color: #ffffff;

    border-color: #c3c3c3;

    height: 33px;

}

.com-row button.com_o_f_submit {

    background: #00c853 !important; width: 60%;

}

.comm_o_f_btn span {

    background: #00c853 !important;

    color: #fff;

    width: 34px !important;

    height: 34px !important;

    display: inline-block;

    text-align: center;

    line-height: 31px;

    border-radius: 4px;

    vertical-align: top;

    font-weight: normal;

}

.chkbox label {font-size: 13px !important;}

.chkbox input { margin: 4px 0 0 !important;}

.com-row button.com_o_f_submit {

    background: #00c853 !important;

    width: 60%;

    margin: 10px 0 0;

}

.captcha svg {

    width: 20px;

    height: 25px;

    vertical-align: top;

}

a#change-image {

    display: inline-block;

    vertical-align: top;

    color: #666;

    background: #ccc;

    padding: 3px 7px !important;

    border-radius: 3px;

    margin: 2px 0 0 !important;

}

.com-row label {

    padding: 3px;

    display: inline-block;

    width: 100%;

    box-sizing: border-box;

    color: #666;

    font-size: 13px;

    margin: 0;

}

.chkbox a span {

    color: #007ee5;

}

/***********T&C Popup design************/



.popTnc .modal-header .close{margin:0;position:absolute;right:0;top:0;color:#fff}

.popTnc .modal-title{float:left;color:#fff; font-size: 22px;}

.popTnc .modal-header{background:#007ee5}

.modal-content.popTnc{border-radius:19px;overflow:hidden}

.popTnc h5 {font-size: 20px; color: #17386e; border-bottom: solid 1px #00c853; padding: 0 0 4px; margin: 0 0 15px;}

.popTnc p{font-size:13px;color:#666}

.popTnc .modal-body{max-height:330px;padding:15px 25px;overflow-y:auto}

.popTnc .modal-footer{padding:5px;text-align:center}

.popTnc .modal-footer .btn-default{margin:0 auto;color:#00c853}

#openTnc .modal-dialog{margin-top:10%}







/******************************************

**************Media Query******************

***************************************/



@media (max-width: 1600px) { }



@media (max-width: 1440px) {  



}



@media (max-width: 1200px) { }



@media (max-width: 991px) { header .lft img { width: 100%; padding: 0; }   

header .navbar { padding: 5px; float: right; }    

header::before { left: 62%; }   

.banner::before { left: 62%; }    

header .navbar svg { fill: var(--xdblu); margin: 0; }



.contact .lft h1 { font-size: 40px;}   

.contact .lft h2 { font-size: 24px; margin: 10px 0 30px;}    

.contact::before {display: none;}   

.weDo h2::before { font-size: 43px; top: -20px;}

.weDo .nav-tabs .nav-link {  padding: 10px 6px;}

.weDo .rt {text-align: center;}  

.weDo .rt img {width: 50%; margin: 30px auto 0; float: none;} 

.expert h2 { font-size: 32px;}

/*.expert h2::before { font-size: 43px; top: -30px; animation: none;} */

.holderCircle::after { width: 100%; height: 100%; }

.dotCircle {width: 300px; height: 100%; top: -205px; right: 0; bottom: 0; left: 0; margin: auto;}

.dotCircle .itemDot img {position: relative; top: -8px;}

.dotCircle .itemDot {width: 75px; height: 75px;}

.subExp {width: 100%; overflow: hidden; margin: 0;}

.holderCircle {width: 100%; height: 160px; margin: 20px auto; left: 0;}

.holderCircle::before {content: ""; position: absolute; width: 310px; height: 310px; background: transparent; left: 0; right: 0; display: inline-block; z-index: -1; top: -175px; border-radius: 300px; border: dashed 3px var(--blu); margin: 0 auto;} 

.holderCircle::after {content: ""; position: absolute; width: 230px; height: 230px; background: var(--lblu); left: 0; right: 0; display: inline-block; z-index: 100000; top: -140px; border-radius: 300px; margin: 0 auto;}

.contentCircle {position: relative; display: inline-block; width: 100%; min-height: 330px;}

.contentCircle .CirItem {  flex-wrap: wrap;}  

.expDet { width: 50%;}

.expFact { width: 50%;}

.testim h2 { font-size: 35px;}

.testim h2::before { font-size: 30px; top: -10px;  animation: none;}  

.subTest::after{display: none;}  

.testim h3 { margin: 0 0 10px;}   

}



@media (max-width: 767px) { 



body{padding: 0;}

header { overflow: hidden; background: var(--dblu); padding: 10px; width: 100%;}  

header::before {left: 100%;}   

header .lft img { width: 80%; padding: 8px 0 0 0; float: left; }

.navbar-toggler { float: right; padding: 0; }

.navbar-toggler svg{fill:var(--blu)}  

header .navbar { text-align: right; padding: 5px 0 0 0; float: right; } 

header .navbar-collapse { width: 100%; position: fixed; left: 0; background: var(--xdblu); top: 55px; text-align: center; z-index: 10000; padding: 22px 0; display: inline-block; }   

header .subContact {display: none; margin: 0;} 

.header2 .navbar-collapse1 { position: fixed; right: -350px;  height: 100%; z-index: 100; top: 0; transition: ease all 1s; width: 280px; }

.header2 .navbar-collapse1 { padding: 15% 10%; }

.header2 nav .nav-link {font-size: 16px;}

.header2 .nav-link::before { top: 8px; width: 25px; height: 25px; }  

.header2 .navbar { padding: 13px 0; } 

.header2 .navbar-toggler svg {  

width: 20px; height: 20px; }

.header2 .shut { position: absolute; left: -15px; top: 20px; border-radius: 50px; width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; cursor: pointer; }    

.navbar-toggler { float: right; padding: 0; }

.navbar-toggler svg{fill:var(--dblu)}  

.header2 .shut svg { fill: var(--xdblu); width: 14px; height: 14px; } 

.popContact form input { height: 36px;} 

.rqCall { top: 40%;}

.contact .lft h1 { font-size: 32px;}

.contact .lft h2 {font-size: 22px; margin: 20px 0 30px;}   

.contact::before {display: none;}   

.notFound { padding: 50px;}

.notFound h3 {font-size: 23px;}  

.banImg h2 { position: absolute; top: 39%; z-index: 1; left: 20px; width: 65%; color: var(--dblu); font-size: 27px;}

.banner h1 {font-size: 25px;}

.banner .lft { padding: 8% 0; } 

.why ul li { width: 50%;}

.why h2 { margin: 50px 0 30px;}

.why h2::before {  font-size: 56px;  top: -25px; animation: none;}

.offr p {  padding: 0 15px;}

.weDo h2::before { font-size: 43px; top: -20px;}

.weDo .nav-tabs .nav-link {  padding: 10px 6px;}

.weDo .rt {text-align: center;}  

.weDo .rt img {width: 50%; margin: 30px auto 0; float: none;} 

.work h2 { margin: 50px 0 40px; }

.work h2::before { font-size: 53px; top: -30px; animation: none;}

.work span { margin: 0 0 40px; display: inline-block;}

.work .icon { margin: 0 0 5px;}

.expert h2 { font-size: 32px;}

.expert h2::before { font-size: 43px; top: -30px; animation: none;} 

.holderCircle::after { width: 100%; height: 100%; }

.dotCircle {width: 300px; height: 100%; top: -205px; right: 0; bottom: 0; left: 0; margin: auto;}

.dotCircle .itemDot img {position: relative; top: -8px;}

.dotCircle .itemDot {width: 75px; height: 75px;}

.subExp {width: 100%; overflow: hidden; margin: 0;}

.holderCircle {width: 100%; height: 160px; margin: 20px auto; left: 0;}

.holderCircle::before {content: ""; position: absolute; width: 310px; height: 310px; background: transparent; left: 0; right: 0; display: inline-block; z-index: -1; top: -175px; border-radius: 300px; border: dashed 3px var(--blu); margin: 0 auto;} 

.holderCircle::after {content: ""; position: absolute; width: 230px; height: 230px; background: var(--lblu); left: 0; right: 0; display: inline-block; z-index: 100000; top: -140px; border-radius: 300px; margin: 0 auto;}

.contentCircle {position: relative; display: inline-block; width: 100%; min-height: 530px;}

.contentCircle .CirItem {  flex-wrap: wrap;}  

.expDet { width: 100%;}

.expFact { width: 100%;}

.university h2 { font-size: 30px;} 

.university ul li { width: 44%; padding: 20px; border-right: none;}

.university ul { border-bottom: none;}

.university h2::before { font-size: 63px; top: -30px; animation: none;}

.guide { padding: 40px 15px;  }

.guide p { width: 100%;} 

.guide h4 { font-size: 22px;}

.guide ul li { padding: 0 0px 10px 30px;}  

.guide .icon { margin: 0 7px 0 -32px;}  

.testim h2 { font-size: 35px;}

.testim h2::before { font-size: 30px; top: -10px;  animation: none;}  

.subTest::after{display: none;}  

.testim h3 { margin: 0 0 10px;}   

.guide h2 {

    font-size: 26px;

}

.ord {

  order:2;

} 

.guide ul {

    padding: 0;

}

  footer { text-align: center;}

  footer p {

    font-size: 19px;

    color: #17386e;

    text-align: center;

}

  footer .dfltBtn {

    float: none;

    margin: 10px auto 0;

}

  .weDo::before {

    position: absolute;

    content: "";

    border: solid 30px var(--grn);

    right: -215%;

    top: 20%;

    width: 100%;

    height: 370px;

    transform: rotate(136deg);

    animation: titleAnim 4s infinite;

}

  .work h2 {

    margin: 50px 0 40px;

    font-size: 25px;

}

.banner { background: var(--lblu);}  

 .thank {

    padding: 120px 30px;

} 

.banner h5 {

    font-size: 14px;

    font-weight: 100;

    letter-spacing: 0px;

    color: var(--gray);

    margin: 0 0 15px;

} 

#openTnc .modal-dialog { margin-top: 10%; width: 100%;}

}



@media (max-width: 480px){     

body{padding:0;}

header { overflow: hidden; padding: 10px; width: 100%;}  

header::before {left: 100%;}   

.banner::before {left: 100%;}   

header .lft img { width: 100%; padding: 8px 0 0 0; float: left; }

.navbar-toggler { float: right; padding: 0; }

.navbar-toggler svg{fill:var(--blu)}  

header .navbar { text-align: right; padding: 2px 0 0 0; float: right; } 

header .navbar-collapse { width: 100%; position: fixed; left: 0; top: 55px; text-align: center; z-index: 10000; padding: 22px 0; display: inline-block; }   

header .subContact {display: none; margin: 0;} 

.banImg h2 { position: absolute; top: 39%; z-index: 1; left: 20px; width: 65%; color: var(--dblu); font-size: 27px;}

.banner h1 {font-size: 25px;}

.banner .lft { padding: 8% 0; } 

.why ul li { width: 50%;}

.why h2 { margin: 50px 0 30px; font-size: 25px;}

.why h2::before {  font-size: 56px;  top: -25px; animation: none;}

.offr p {  padding: 0 15px;}

.weDo h2::before { font-size: 43px; top: -20px;}

.weDo h2 {font-size: 34px;}  

.weDo .nav-tabs .nav-link {  padding: 10px 6px;}

.weDo .rt {text-align: center;}  

.weDo .rt img {width: 50%; margin: 30px auto 0; float: none; font-size: 25px;} 

.work h2 { margin: 50px 0 40px; }

.work h2::before { font-size: 53px; top: -30px; animation: none;}

.work span { margin: 0 0 40px; display: inline-block;}

.work .icon { margin: 0 0 5px;}

.expert h2 { font-size: 32px;}

.expert h2::before { font-size: 43px; top: -30px; animation: none;} 

.holderCircle::after { width: 100%; height: 100%; }

.dotCircle {width: 300px; height: 100%; top: -205px; right: 0; bottom: 0; left: 0; margin: auto;}

.dotCircle .itemDot img {position: relative; top: -8px;}

.dotCircle .itemDot {width: 75px; height: 75px;}

.subExp {width: 100%; overflow: hidden; margin: 0;}

.holderCircle {width: 100%; height: 160px; margin: 20px auto; left: 0;}

.holderCircle::before {content: ""; position: absolute; width: 310px; height: 310px; background: transparent; left: 0; right: 0; display: inline-block; z-index: -1; top: -175px; border-radius: 300px; border: dashed 3px var(--blu); margin: 0 auto;} 

.holderCircle::after {content: ""; position: absolute; width: 230px; height: 230px; background: var(--lblu); left: 0; right: 0; display: inline-block; z-index: 100000; top: -140px; border-radius: 300px; margin: 0 auto;}

.contentCircle {position: relative; display: inline-block; width: 100%; min-height: 530px;}

.contentCircle .CirItem {  flex-wrap: wrap;}  

.expDet { width: 100%;}

.expFact { width: 100%;}

.university h2 { font-size: 30px;} 

.university ul li { width: 44%; padding: 20px; border-right: none;}

.university ul { border-bottom: none;}

.university h2::before { font-size: 63px; top: -30px; animation: none;}

.guide { padding: 40px 15px;  }

.guide p { width: 100%;} 

.guide h4 { font-size: 22px;}

.guide ul li { padding: 0 0px 10px 30px;}  

.guide .icon { margin: 0 7px 0 -32px;}  

.testim h2 { font-size: 35px;}

.testim h2::before { font-size: 30px; top: -10px;  animation: none;}  

.subTest::after{display: none;}  

.testim h3 { margin: 0 0 10px; font-size: 21px;} 

  

}





.tabBg {

    background: linear-gradient(to left, #4acc58, #057be6);

}

.counter {

  background-color: #057be6;

  padding: 20px 0;

  border-radius: 5px;

	color: #fff;

}



.count-title {

  font-size: 40px;

  font-weight: normal;

  margin-top: 10px;

  margin-bottom: 0;

  text-align: center;

	margin: 20px 0 !important;

	color: #fff !important;

	display: inline !important;

}



.count-text {

  font-size: 13px;

  font-weight: normal;

  margin-top: 10px;

  margin-bottom: 0;

  text-align: center;

	font-size: 20px !important;

	font-weight: 600 !important;

	color: #fff !important;

}



.fa-2x {

  margin: 0 auto;

  float: none;

  display: table;

  color: #fff;

}

		.counter span{

    color: #fff !important;

    font-size: 40px !important;

    margin-left: 5px !important;

}

		

		@media (min-width: 768px) {

  /* show 4 items */

  .carousel-inner .active,

.carousel-inner .active + .carousel-item,

.carousel-inner .active + .carousel-item + .carousel-item,

.carousel-inner .active + .carousel-item + .carousel-item + .carousel-item {

    display: block;

  }



  .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),

.carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,

.carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item,

.carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {

    transition: none;

  }



  .carousel-inner .carousel-item-next,

.carousel-inner .carousel-item-prev {

    position: relative;

    transform: translate3d(0, 0, 0);

  }



  .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {

    position: absolute;

    top: 0;

    right: -25%;

    z-index: -1;

    display: block;

    visibility: visible;

  }



  /* left or forward direction */

  .active.carousel-item-left + .carousel-item-next.carousel-item-left,

.carousel-item-next.carousel-item-left + .carousel-item,

.carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,

.carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item,

.carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {

    position: relative;

    transform: translate3d(-100%, 0, 0);

    visibility: visible;

  }



  /* farthest right hidden item must be absolue position for animations */

  .carousel-inner .carousel-item-prev.carousel-item-right {

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

    display: block;

    visibility: visible;

  }



  /* right or prev direction */

  .active.carousel-item-right + .carousel-item-prev.carousel-item-right,

.carousel-item-prev.carousel-item-right + .carousel-item,

.carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,

.carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item,

.carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {

    position: relative;

    transform: translate3d(100%, 0, 0);

    visibility: visible;

    display: block;

    visibility: visible;

  }

}

@media(min-width:320px) and (max-width:767px){

	header .navbar-collapse{

		display: none;

	}

	h2 {

    font-size: 22px !important;

}

	.work::before{display: none}

	.university ul li {

    width: 100%;

}

	.university ul {

    width: 100%;

    flex-wrap: wrap;

}

	.counter span {

    font-size: 23px !important;

    margin: 0px !important;

}

	.tabBox p {

    font-size: 16px;

    line-height: 25px;

    text-align: justify;

    color: #fff;

}

	.unique h5 {

    font-size: 16px;

/*    font-weight: 600;*/

    line-height: 22px;

	}

}



@media(min-width:768px) and (max-width:991px){

	.assignBox {

		height: 230px;

	}

	.banner .lft {

    background: #def0fc;

    padding: 5% 0;

	}

	.work::before{display: none}

	.university ul li {

    display: inline-block;

    width: 33%;

    text-align: center;

    padding: 15px;

    border-right: solid 1px var(--lblu);

    font-size: 14px;

}

	h2 {

		font-size: 30px !important;

	}

	.guide .card .card-body {

    height: 250px;

	}

}

@media(min-width:992px) and (max-width:1150px){

	.guide .card .card-body {

    height: 350px;

    padding: 15px;

}

	.guide .card h4 {

    font-size: 18px;

	}

}